JavaScript如何实现页面加载完后再加载js代码呢

[复制链接]
查看1400 | 回复0 | 2020-2-24 17:57 | 显示全部楼层 |阅读模式
有两种实现方法:第一种

  1. window.addEventListener( 'load',function() {
  2. alert(22);
  3. })
复制代码
第二种
  1. document.addEventListener ( 'DOMContentLoaded', function() {
  2. alert(33);
  3. })
复制代码

它们直接有什么区别呢?
load等页面内容全部加载完毕,包含页面dom元素图片flash CSS等等。
DOMContentLoaded是DOM加载完毕,不包含图片falsh css等就可以执行加载速度比load更快一 些。具体使用方法参考下面链接文章:
js中window.onload窗口页面加载事件
js中DOMContentLoaded窗口加载事件

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16