 

当前位置：Ddmit  后端  正文

页面JS代码的加载顺序

2019-02-12 分类：后端阅读(1664) 评论(0) 赞(0)

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里。

赞(0)

未经允许不得转载：Ddmit » 页面JS代码的加载顺序

分享到

相关推荐

评论抢沙发