BOM笔记

BOM：Browser Object Model 浏览器对象模型
window是浏览器的顶级对象，当调用window下的属性和方法时，可以省略window

1.全局作用域
在全局作用域中声明的变量、函数都是window的属性和方法

var age = 29;
function sayAge(){
	 alert(this.age);
}
alert(window.age); //29
sayAge(); //29
window.sayAge(); //29

全局变量不能用delete删除，但是直接在window上定义的属性可以

var age = 29;
window.color = "red";
//在IE < 9 时抛出错误，在其他所有浏览器中都返回false
console.log(delete age);
//在IE < 9 时抛出错误，在其他所有浏览器中都返回true
delete window.color; //returns true
console.log(age); //29
console.log(window.color); //undefined

2.对话框
1.alert() 普通提示弹框—开发人员测试使用

2.prompt() 用户输入弹框
var str=prompt(‘请输入您的姓名？’);----字符串

3.confirm()
var result=confirm(‘你确认要删除吗？’);
console.log(result);
如果用户点击“确定”，返回true；如果用户点击“取消”，则返回false。

3.页面加载事件

1. window.onload 页面完全加载成功触发
2. window.onunload 只有ie8支持，当用户退出页面时执行
3. window.onbeforeunload 当用户退出前页面时执行 只有ie8支持
4. window.open方法用于新建另一个浏览器窗口，类似于浏览器菜单的新建窗口选项。它会返回新窗口的引用，如果无法新建窗口，则返回null

4.location对象

location.hash 获取 地址栏 中 #及后面的内容
location.host 主机名和端口号
location.hostname 主机名
location.href 完整的url地址
location.pathname 文件的路径—相对路径
location.port 端口号
location.protocol 协议
location.search 搜索内容

5.history对象
history.forward();—前进页面
history.back()----后退页面
history.go(number|url)
—url:字符串地址 number:相对当前页面前进后退数字
当前页面进入下一个页面 number=1
当前页面进入上一个页面 number=-1

navigator对象
navigator.userAgent // 判断用户浏览器类型
navigator.platform //判断浏览器所在的系统平台类型

6.定时器

①setInterval(匿名函数,毫秒);----返回值，返回定时器id

• 参数1:匿名函数----要重复执行的代码，
• 参数2：毫秒-----时间，每隔这个时间，执行一次参数1的内容；
• 返回值：当前定时器的id
• 执行过程： 页面加载完毕后，过一段时间，执行一次函数，再过一段时间，再执行一次函数，周期性执行
• 清除定时器：clearInterval(定时器id);

②setTimeout(函数，时间)

• 页面加载完成后，过一段时间，就执行函数，只执行一次
• 参数1:匿名函数----要重复执行的代码，
• 参数2：毫秒-----时间，每隔这个时间，执行一次参数1的内容；
• 返回值：当前定时器的id
• clearTimeout(定时器id)；