JS BOM篇(一)window对象

Window对象

BOM的核心对象是window对象,它表示浏览器的一个实例。即是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。

  1. 全局作用域
    全局作用域下中声明的变量、函数都会变成window对象的属性和方法。
  2. 窗口位置
	window.moveTo(x,y)
	window.moveBy(x,y)
  1. 窗口大小
    获取窗口信息
	//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
		}
	}
  1. 打开窗口 window.open()
    这里往深了讲还有很多,不具表了。有兴趣可以翻看小红书
    有兴趣的小伙伴看得出来,这个可以刷点击量
window.open('http://www.baidu.com','','height=400,width=400,top=10,left=10,resizable=yes')
  1. 定时器
    setTimeout
    setInterval
    clearTimeout
    clearInterval
  2. 系统对话框
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)
}
上一篇:offsetHeight、scrollHeight、clientHeight、scrollTop、offsetTop


下一篇:c# – 使用不同的根元素名称反序列化