开发一个网页的脚本,有时想要在文档加载完毕之后才执行。比如修改文档中的元素,肯定是希望文档元素已存在,否则会因为找不到目标而抛异常。另外还有一些比较重的、无关界面显示的操作,也希望放到整个页面加载了之后再运行。
此时一般有三种方法:
一种是直接将JS代码放在文档的最底部。这样做是可以,但是有位置上的限制。如果后来者忽视了这种限制,很容易破坏页面的逻辑。
一种是定义window.onload函数
window.onload = function(){
// heavy load
}
还有一种是监听Window的load事件
window.addEventListener("load", somefunciton)
window.addEventListener("load", otherfunction)