JavaScript的BOM操作

BOM 操作

window.innerWidth //获取宽度
window.innerHeight //获取高度

window.lalert() //提示框
window.confirm() //询问框
window.prompt() //输入框

window.open("xxxxx") // 开启标签
window.close() // 关闭标签

window.history.back() // 浏览器前进
window.history.forward() // 浏览器后退

window.onload = function(){} // 资源加载完毕执行
window.onresize = function(){} //页面尺寸改变时执行
window.onscroll = function(){} //滚动条位置改变时执行

window.documentElement.scrollTop // 获取浏览器卷去的尺寸 高度
window.body.scrollTop // 高度
window.documentElement.scrollLeft // 获取浏览器卷去的尺寸 高度
window.body.scrollLeft // 高度

window.scrollTo() // 浏览器滚动到指定坐标
window.scrollTo({
    left: xx,
    top: yy,
    behavior: 'smooth'
})  //

JavaScript的定时器

var timer1 =  setInterval(function(){
    // 间隔定时器
}, 1000)

var timer1 =  setTimeout(function(){
    // 延时定时器
}, 1000)
/* 
定时器返回值： 
不区分定时器种类， 
表示页面上的第几个定时器， 
作用： 关闭定时器
*/
off.onclick = function (param) {
    clearInterval(timer1) // 关闭间隔定时器
    clearTimeout(timer2) // 关闭延时定时器
}