页面JS代码的加载顺序

热门标签

,
admin

发表文章数:3048

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

标签:

未经允许不得转载:作者:admin, 转载或复制请以 超链接形式 并注明出处 夜河资源网
原文地址:《页面JS代码的加载顺序》 发布于2019-10-19

分享到:
赞(0) 打赏

评论 抢沙发

7 + 2 =


撰写不易~如果您觉得文章对您有帮助的话可以打赏我哦~谢谢亲亲~

支付宝扫一扫打赏

微信扫一扫打赏

外服网游加速器破解版
包含腾讯网游加速器、海豚网游加速器等八款知名加速器,可加速外服游戏,永久包售后包更新,不定时添加新款破解版加速器!
切换注册

登录

忘记密码 ?

切换登录

注册