js随手笔

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后退一个界面