JS:执行,在文档加载完毕之后

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

window.onload = function(){
  // heavy load
}

还有一种是监听Window的load事件

window.addEventListener("load", somefunciton)
window.addEventListener("load", otherfunction)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容