操作 HTML DOM 文档的困难之一是 JavaScript 代码可能在 DOM 完全加载之前运行，这可能会导致代码出现问题。 页面加载时浏览器内部的操作顺序大致如下：
1. HTML 被解析。
2. 加载外部脚本/样式表。
3. 内联脚本在文档解析期间执行。
4. HTML DOM 构建完成。
5. 加载图像和外部内容。
6. 页面已加载。
标头中包含的脚本以及从外部文件加载的脚本实际上是在 HTML DOM 构建之前执行的。 如上所述，这个问题很重要，因为在任一位置执行的任何脚本都无法访问 DOM。 好消息是有很多方法可以解决这个问题。
html 中的加载是自上而下的
如alert.html中所示
以下为参考内容：
加载 JS 脚本和 CSS 样式
1、IE下载的顺序是从上到下，渲染的顺序也是从上到下。 下载和渲染是同时进行的。
2. 当渲染到页面的某个部分时，其中的所有部分都已被下载（并不是说所有关联元素都已被下载）。
3.如果遇到语义可解释的标签嵌入文件（JS脚本、CSS样式），那么IE下载过程将启用单独的连接进行下载。
4.下载后进行分析。 分析过程中，停止下载页面上的所有元素。
5. 样式表下载完成后，会与之前下载的所有样式表一起进行解析。 解析完成后，所有之前的元素（包括之前渲染过的元素）都会被重新渲染。
6、如果JS、CSS中有重新定义，后面定义的函数会覆盖前面定义的函数。
以下为参考内容：
姓名：
那么执行顺序是1,2,3,name:,如果要写在“name:,”上
以下为参考内容：
返回为null，但是可以写在下面，虽然alert(3)是在它之前执行的
注意：只要方法被加载，加载后就会执行。 如果你写onlοad="a()"，这个方法就是上面的1,2,3....全部执行完之后才会执行。
在 HTML 中嵌入 JavaScript
1.将Javascript代码直接放在标签对之间
2. 通过
4. 对于同一个脚本，函数定义可以出现在函数调用的旁边，但如果是在两个单独的代码中，并且函数调用在第一个代码中，则会报函数未定义错误。
以下为参考内容：
5. document.write() 将输出写入脚本文档的位置。 浏览器解析完documemt.write()所在文档的内容后，会继续解析document.write()输出的内容，然后继续解析HTML文档。
以下为参考内容：
test.js的内容是：
var tmpStr = 1;
警报（tmpStr）；
Firefox和Opera中弹出值的顺序是：1, 2，我是1, 3
IE中弹出值的顺序为：2,1,3，浏览器报错：tmpStr is undefined
原因可能是IE在document.write时没有等待SRC中的Javascript代码加载完毕才执行下一行，所以先弹出了2，一直执行到document.write('document.write("我是"+tmpStr)')调用tmpStr时，tmpStr没有定义，所以报错。
为了解决这个问题，可以使用HTML解析，解析一个HTML标签，然后执行下一个原理，拆分代码实现：
以下为参考内容：
这样javascript 执行顺序，在IE和其他浏览器下输出值的顺序仍然是一样的：1、2，我是1、3。
改变Javascript的执行顺序
1.使用onload
以下为参考内容：
输出值阶数为2,1。
需要注意的是，如果有多个winodws.onload，则只有最有效的一个才会生效。 解决办法是：
以下为参考内容：
window.onload = function(){f();f1();f2();...}
利用 2 级 DOM 风暴类型
以下为参考内容：
if(document.addEventListener){
窗户。 addEventListener('加载', f, false);
window.addEventListener('加载',f1,false);
...
}别的{
window.attachEvent('onload',f);
window.attachEvent('onload',f1);
...
2、在IE中，可以使用defer来加载代码javascript 执行顺序，而不是立即执行。 它在文档加载后执行。 它与onload类似，但没有onload的限制。 可以重复使用，但只在IE中有效。 所以前面的反例可以改成
以下为参考内容：
这样IE就不会报错了，输出值的顺序就会是：1,3,2,我是1
3.使用Ajax。
发表评论