欢迎光临
一个有态度、有温度的分享型博客

页面JS代码的加载顺序

Js代码放置在不同的位置加载顺序问题,根据不同的需求我们应该将Js代码放置在不同的位置,具体需要先了解一下将Js代码放置在不同的位置会有怎样的加载顺序。

先看下面的代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <%@ include file="../../../platform/jsp/common/common.jsp" %>
    <script type="text/javascript">
        $(function () {
            alert(16);
        });
    </script>
</head>
<body>
<div id="cc" class="easyui-layout" style="width:100%;height:100%;">
    <div data-options="region:'west',title:'通道',split:true" style="width:15%;">
    </div>
    <div data-options="region:'center',title:'实时监控'" style="padding:5px;">
        <%--插件安装--%>
        <div id="login_install_dialog" style="display:none;height:20px; width:400px;padding-top:30px; margin:auto;">
            <div style="clear: both;zoom:1; border: 2px solid #373737;background: #D5D5D5;">
                <a id="login_btn_install" href="/webplugin.exe" target="_download" onclick="install()"
                   style="background: rgb(255,0,0);">Instal</a>
                <a id="login_btn_cancel" href="javascript:;">Cancle</a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    alert(12);
 </script>
</body>
</html>

上面的代码是先弹出什么呢?结论是先弹12,再弹16,当body内的内容还没有加载完成就弹出12,加载完成后才弹出了16。因此如果你需要页面还没加载完成就执行的代码,那么你可以放置在body里,如果是加载完成之后执行的代码,你可以放置的head里。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址