html页面加载顺序
很汗颜,今天居然犯了这么一个错误,在JS中像body添加元素怎么也添加不进去,找了半天后来发现,我的Js是在body之前引入的,把他放在后面引入就好了。由此引用一篇关于HTML加载顺序的文章:
HTML页面按顺序加载:
总体上,html的是按从上到下的顺序边加载边解析,边生成dom对象,至于在html中夹杂的:
之类的东西,它们的顺序是怎样的呢?还是一样,如果在解析html时,遇到这些东西就会停止解析,转而执行这些生成语句,如果中间插入外部链接,就转而解析、执行外部链接对应的js。对于以下语句对于不同浏览器存在不同的结果:
在ie中。不会等待aaa.js下载并解析完的,会创建另一线程搞定它,但是在下载完成后的解析过程将阻塞页面向下执行,直到解析结束。但在ff中,则会等待,直到aaa.js下载、解析、执行完毕才向下执行。
关于html中页面的生命周期:
最重要的两个事件就是onLoad、onUnLoad。onLoad在页面加载完毕的时候触发。onUnLoad在页面的dom销毁完后触发。不过,onLoad有点特殊状况。
很汗颜,今天居然犯了这么一个错误,在JS中像body添加元素怎么也添加不进去,找了半天后来发现,我的Js是在body之前引入的,把他放在后面引入就好了。由此引用一篇关于HTML加载顺序的文章:
HTML页面按顺序加载:
总体上,html的是按从上到下的顺序边加载边解析,边生成dom对象,至于在html中夹杂的:
document.write("xxxx");
<script type="text/javascript" src="aaa.js"></script>
之类的东西,它们的顺序是怎样的呢?还是一样,如果在解析html时,遇到这些东西就会停止解析,转而执行这些生成语句,如果中间插入外部链接,就转而解析、执行外部链接对应的js。对于以下语句对于不同浏览器存在不同的结果:
<script type="text/javascript" src="aaa.js"></script>
在ie中。不会等待aaa.js下载并解析完的,会创建另一线程搞定它,但是在下载完成后的解析过程将阻塞页面向下执行,直到解析结束。但在ff中,则会等待,直到aaa.js下载、解析、执行完毕才向下执行。
关于html中页面的生命周期:
最重要的两个事件就是onLoad、onUnLoad。onLoad在页面加载完毕的时候触发。onUnLoad在页面的dom销毁完后触发。不过,onLoad有点特殊状况。