相关疑难解决方法(0)

加载并执行脚本的顺序

有很多不同的方法可以在html页面中包含JavaScript.我知道以下选项:

内联代码或从外部URI加载
包括在<HEAD>或<body>标记[ 1,2 ]
没有defer或async属性(只有外部脚本)
包含在静态源中或由其他脚本动态添加(在不同的解析状态,使用不同的方法)

不计算来自硬盘,javascript:URIs和onEvent-attributes [ 3 ]的浏览器脚本,已经有16个替代方法可以执行JS,我确信我忘了一些东西.

我不太关心快速(并行)加载,我对执行顺序更感兴趣(这可能取决于加载顺序和文档顺序).是否有一个很好的(跨浏览器)参考,涵盖所有情况？例如http://www.websiteoptimization.com/speed/tweak/defer/仅处理其中的6个,并且主要测试旧浏览器.

我担心没有,这是我的具体问题:我有一些(外部)头脚本用于初始化和脚本加载.然后我在身体的末尾有两个静态的内联脚本.第一个允许脚本加载器动态地将另一个脚本元素(引用外部js)附加到正文.第二个静态内联脚本想要使用添加的外部脚本中的js.它可以依赖于已执行的其他(以及为什么:-)？

javascript load-order

Ber*_*rgi

2017 05-23

248
推荐指数

4
解决办法

20万
查看次数

主要浏览器无法保证JavaScript <script>标签执行的顺序？

在主要浏览器中是否确保以下脚本标记始终按顺序和按声明顺序执行？即我应该假设以下代码不会总是在警报中产生x =='ab'？

<head>
    <script type="text/javascript">
      //tag A
      var x = x || ''; x += 'a';
    </script>
    <script type="text/javascript">
      //tag B
      var x = x || ''; x += 'b';
    </script>
</head>
<body>
    <script type="text/javascript">
       alert('x='+x);
    <script>
</body>

Run Code Online (Sandbox Code Playgroud)

...而x可能会成为以下之一: