网站首页 > 技术文章 正文
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)
猜你喜欢
- 2024-11-12 pyqtgraph系列文章:直方图(Histogram)
- 2024-11-12 JavaScript Window - 浏览器对象模型
- 2024-11-12 Python Qt GUI设计:将UI文件转换Python文件三种妙招(基础篇—2)
- 2024-11-12 前端移动端常见问题 前端移动端适配方案
- 2024-11-12 WindowsServer2022:如何扩展磁盘空间?
- 2024-11-12 第36节 window对象的窗口-JavaScript
- 2024-11-12 JavaScript Screen对象 screen对象包含的属性可以修改
- 2024-11-12 「Pygame经典合集」??????终极白嫖大招:让你玩儿到爽
- 2024-11-12 Qt 教程| QScatterSeries 散点图 qt三维散点图
- 2024-11-12 PyQt5学习笔记——基本窗口组件(1)
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-