页面加载时序问题----BUG分析
项目中曾经遇到过一个很诡异的问题,,记录总结下:
1、首先回顾下原来实习时学习的什么时候用onload:
页面加载代码时,分两种:(1)DOM加载(2)Page加载
DOM加载只加载文本节点;而页面加载会加载完所有页面资源之后才开始执行JS代码,即加载完页面上的DOM、Flash、图片、Iframe后才会去执行onload里面的事件。
所以,如果JS代码是只依靠DOM节点而不去依赖页面的Flash、图片、Iframe等资源时,此时应该用直接加载而不用onload来加载。反之直接加载会有问题,这时用onload会比较好。
2、关于昨天就是JS渲染问题:
JS渲染无论是内嵌还是外链的,页面所有资源都会在JS加载体完成之后再解析,这个时候不处理好容易造成堵塞。
所以,一般将所有的script标签放至页面底部:所谓页面底部,不是指在html标签之后。html标签必须是最后一个标签。所谓底部是指在body标签之内最好在footer标签之前。