1 window.open(url)
在新建窗口中打开页面。
2 window.onload
用法
JavaScript脚本通常要在文档加载完毕(至少完成DOM树构建:window.ready
监听DOM树的构建)后才能去执行,否则可能出现无法获取对象的情况。
-
方法1: 使用
window.onload
监听页面加载完成事件,而后执行脚本:
window.onlaod = function() {
//执行的脚本
}
-
方法2: 将JavaScript代码卸载
</body>
之前:(推荐使用)
HTML解析到</body>
时已经完成所有资源的加载,此时执行脚本不会有问题。 -
HTML的解析过程:
HTTP协议(可以)通过GZIP格式传输数据。首先,下载HTML文档,在内存中将HTML代码转化为DOM Tree;然后,然后浏览器根据DOM Tree上的Node分析CSS
(sandbox model
)和Images
,所以CSS和Images下载是并行的;其次,JavaScript文档单独下载,因为JavaScript代码可能影响DOM Tree的结构; 最后,浏览器完成页面渲染,形成最终的“呈现树”(Render Tree
orFrame Tree
)
小结:
- 如果引入外部
js
文件的script
标签在<head>...</head>
标签中,需要使用window.onload
监听页面加载完成事件,再执行js
代码,否则会堵塞页面的加载; - 如果引入外部
js
文件的script
标签在</body>
之前,则无需写window.onload
。