Window对象常见事件
window.onload = function(){}
window.addEventListener("load",function(){})
document.addEventListener('DOMContentLoaded',function(){})
是窗口(页面)加载事件,当文档内容完全加载完成会触发事件(包括图像、脚本文件、css文件等),就调用处理函数
注意:
1.有了window.onload就可以把JS代码写到页面上方,因为onload是等页面内容全部加载完毕,再去执行处理函数
2.window.onload只能写一次,如果有多个,会以最后一个window.onload为准
3.如果使用addEventListener则没有限制
4.load等页面全部加载完毕,包含dom元素、图片、flash、css等。而DOMContentLoaded是DOM加载完毕,不包含图片、falsh、css等就可以执行加载速度比load快
调整窗口大小事件
window.onresize = function(){ }
注意:
1.只要窗口大小发生变化,就会触发这个事件
2.我们经常利用这个事件完成响应式布局。window.innerWidth当前屏幕宽度
定时器
setTimeout()定时器
window.setTimeout(调用函数,[延迟的毫秒数])每过多久执行一次
停止定时器
window.clearTimeout(要停止的定时器)
setInterval(调用函数,延时时间)
每隔多长时间执行一次
location对象
URL
统一资源定位符:是互联网上标准资源地址。
location对象的属性
navigator对象
navigator对象包含有关浏览器的信息
history对象
back():后退
forward():前进
go(参数):前进后退功能参数如果是1前进一个界面 如果是-1后退一个界面