Window对象
BOM的核心对象是window对象,它表示浏览器的一个实例。即是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。
- 全局作用域
全局作用域下中声明的变量、函数都会变成window对象的属性和方法。 - 窗口位置
window.moveTo(x,y)
window.moveBy(x,y)
- 窗口大小
获取窗口信息
//IE9+、Firefox、Safari、Opera、Chrome 均提供以下属性
innerWidth:容器中页面视图的大小(宽度)
innerHeight:容器中页面视图的大小(高度)
outerWidth:浏览器窗口本身尺寸(宽度)
outerHeight:浏览器窗口本身尺寸(高度)
//ie6严格模式有效
document.documentElement.clientWidth :页面视口信息
document.documentElement.clientHeight :页面视口信息 ()
//ie6混杂模式
document.body.clientWidth :页面视口信息
document.body.clientHeight :页面视口信息
code
var pageWidth = window.innerWidth,
pageHeigh = window.innerHeight;
if(typeof pageWidth != 'number'){
if(document.compatMode == "CSS1Compat"){
//严格模式
pageWidth = document.documentElement.clientWidth
pageHeight = document.documnetElement.clientHeight
}else{
pageWidth = document.body.clientWidth
pageHeight = document.body.clientHeight
}
}
- 打开窗口 window.open()
这里往深了讲还有很多,不具表了。有兴趣可以翻看小红书
有兴趣的小伙伴看得出来,这个可以刷点击量
window.open('http://www.baidu.com','','height=400,width=400,top=10,left=10,resizable=yes')
- 定时器
setTimeout
setInterval
clearTimeout
clearInterval - 系统对话框
alert()
confirm()
prompt()
code
if(confirm("Are you sure?")){
alert('I am so gald you are sure')
}else{
alert('I am sad')
}
var result = prompt("what is your name")
if(result !== null){
alert('Welcome '+result)
}