Javascript在页面加载时的执行顺序.docx

1、Javascript 在页面加载时的执行顺序一、在 HTML 中嵌入 Javasript 的方法1. 直接在 Javascript 代码放在标记对和之间 2. 由标记的 src 属性制定外部的 js 文件 3. 放在事件处理程序中，比如：点击我 4. 作为 URL 的主体，这个 URL 使用特殊的 Javascript：协议，比如：点击我 5. 利用 javascript 本身的 document.write()方法写入新的 javascript 代码 6. 利用 Ajax 异步获取 javascript 代码，然后执行 第 3 种和第 4 种方法写入的 Javascript 需要触发才能执行

2、，所以除非特别设置，否则页面加载时不会执行。二、Javascript 在页面的执行顺序1. 页面上的 Javascript 代码是 HTML 文档的一部分，所以 Javascript 在页面装载时执行的顺序就是其引入标记的出现顺序， 标记里面的或者通过 src 引入的外部 JS，都是按照其语句出现的顺序执行，而且执行过程是文档装载的一部分。 2. 每个脚本定义的全局变量和函数，都可以被后面执行的脚本所调用。 3. 变量的调用，必须是前面已经声明，否则获取的变量值是 undefined。 4. /8. 同一段脚本，函数定义可以出现在函数调用的后面，但是如果是分别在两段代码，且函数调用在第一段代码

3、中，则会报函数未定义错误。 9. /12. /15.document.write()会把输出写入到脚本文档所在的位置，浏览器解析完documemt.write()所在文档内容后，继续解析 document.write()输出的内容，然后在继续解析 HTML 文档。 16. /);18. document.write();19. document.write(alert(2);)20. document.write(alert(“我是“ + tmpStr););21. document.write();22. /23. /test.js 的内容是：var tmpStr = 1;alert(tmp

4、Str);o 在 Firefox 和 Opera 中的弹出值的顺序是：1、2、我是 1、3 o 在 IE 中弹出值的顺序是：2、1、3，同时浏览器报错：tmpStr 未定义 原因可能是 IE 在 document.write 时，并未等待加载 SRC 中的Javascript 代码完毕后，才执行下一行，所以导致 2 先弹出，并且执行到 document.write(document.write(“我是“ + tmpStr)调用tmpStr 时，tmpStr 并未定义，从而报错。解决这个问题，可以利用 HTML 解析是解析完一个 HTML 标签，再执行下一个的原理，把代码拆分来实现：/);/);

5、document.write(alert(2);)document.write(alert(“我是“ + tmpStr););document.write();/这样 IE 下和其他浏览器输出值的顺序都是一直的了：1、2、我是1、3。 三、如何改变 Javascript 在页面的执行顺序1. 利用 onload 2. /输出值顺序是 2、1。需要注意的是，如果存在多个 winodws.onload 的话，只有最有一个生效，解决这个办法是：window.onload = function()f();f1();f2();.利用 2 级 DOM 事件类型if(document.addEventLis

6、tener)window.addEventListener(load,f,false);window.addEventListener(load,f1,false);.elsewindow.attachEvent(onload,f);window.attachEvent(onload,f1);.6. IE 中可以利用 defer，defer 作用是把代码加载下来，并不立即执行，等文档装载完毕之后再执行，有点类似 window.onload，但是没有window.onload 那样的局限性，可以重复使用，但是只在 IE 中有效，所以上面的例子可以修改成为 7. /);9. document.wr

7、ite();10. document.write(alert(2);)11. document.write(alert(“我是“ + tmpStr););12. document.write();13. /14. /这样 IE 就不报错了，输出值的顺序变成：1、3、2、我是 1当 HTML 解析器遇到一个脚本，它必须按常规终止对文档的解析并等待脚本执行。为了解决这个问题 HTML4 标准定义了 defer。通过 defer 来提示浏览器可以继续解析 HTML 文档，并延迟执行脚本。这种延迟在脚本从外部文件载入时非常有用，让浏览器不必等待外部文件全部载入之后才继续执行，能有效的提高性能。IE 是目前唯一支持 defer 属性的浏览器，但 IE 并没有正确的实现了 defer 属性，因为延迟的脚本总是被延迟，直到文档结束，而不是只延迟到下一个非延迟的脚本。这意味着，IE 中延迟的脚本的执行顺序相当混乱，并且不能定义任何后面非延迟脚本并须的函数和变量。在 IE 中所有的 defer 的脚本执行时间应该都是 HTML 文档树建立以后，window.onload 之前。16. 利用 Ajax。因为 xmlhttpRequest 能判断外部文档加载的状态，所以能够改变代码的加载顺序。