编程技术文章分享与教程

网站首页 > 技术文章 正文

Window对象的常见事件 window对象常用的方法有哪些?

hmc789 2024-11-12 11:41:38 技术文章 2 ℃

1.窗口加载事件:

(1) window.onload是窗口加载事件,当文档内容全部加载完成后会触发该事件(图像、脚本文件、CSS文件等),就调用的处理函数。

注意:1.有indow.onload就可以吧JS代码页面元素的上方。

2.window.onlad只能写一次,如有多次,以最后一个为准执行

3.如使用addEventListener没有限制

(2)document.addEventListener('DOMContentLoaded',function( ){ })

DOMContentLoaded DOM加载完毕,不含图片 falsh css等就可以执行 加载速度较快

2.调整窗口大小事件:

window.onresize 是调整窗口大小加载事件,当触发时就调用的处理函数

注意:1. 只要窗口发生变化就会触发事件

2. 经常利用这个事件完成响应式布局, window.innerWidth为当前浏览器的宽度

3.定时器

window.setTimeout( ) (调用函数 延迟的毫秒数) //延迟的毫秒数默认为0 调用函数也叫回调函数

停止定时器:clearTimeout(Timeout ID)


Tags:

标签列表
最新留言