JS笔记之理解BOM浏览器对象模型

（一）BOM对象介绍

• window
  alert() confirm() prompt() setInterval() setTimeout()
• location
  href hash url reload()
• screen
• navigator
• history（页面的前进和后退）
  go()

（二）window对象的方法

下面的window都可以省略掉
window.alert(‘hello’);

var a = window.confirm(‘你确定要离开网站吗’);
确定 a = true;
取消 a = false;

var name = window.prompt(‘请输入你的内容’,’默认值’)
可以用console.log(name)显示输入的内容

window.setTimeout(function(){},2000)
延迟2000ms执行function()，不论延迟多长时间，但是也会产生延迟性的效果

window.setInterval(function(){},2000)
每隔2000ms都执行一次function()
使用clearInterval()清除定时器

（三）Location对象的常用属性

console.log(location.host());
打印服务器地址和端口号

console.log(location.hostname());
打印服务器地址

console.log(location.port());
打印端口号

console.log(location.href());
打印完整的URL，编码之后的

console.log(location.pathname());
打印端口号之后的/一直到html的文件名字

console.log(location.protocol());
打印协议名称http: 或者https:

console.log(location.search());
打印查询的内容 举例子：”?q=%E4%BD%A0%E5%A5%BD%E5%95%8A&oq=%E4%BD%A0%E5%A5%BD%E5%95%8A&aqs=chrome…69i57j0l7.1099j0j1&sourceid=chrome&ie=UTF-8"

_{这个可以直接转成object，之后再补充。}

当前浏览器的location位置操作

<script>
	setTimeout(function(){
		//二者都可以实现2秒后的网页跳转
		//href会产生历史记录，可以跳转回去，replace则没有历史记录，
		//location.href(‘https://www.baidu.com’);
		//location.replace(‘http://www.baidu.com’);
		//2s之后网页重新加载，用的很少
		//location.reload();
	},2000)
</script>

（四）navigator对象

Function hasPlugin(name){
	//插件存在则返回true
	name = name.toLowerCase();
	for (let I=0;i<navigator.plugins.length;i++){
		//遍历浏览器中的所有插件
	if(navigator.plugins[i].name.toLowerCase().indexOf(name)!=-1){
		return true;
	}else{
		return false;
	}	
	}
}
hasPlugin(‘Flash’);	//使用函数校验是否有Falsh插件

History对象

历史记录都存储在history对象中

history.go(0);
刷新网页

history.go(1);
前进一个网页

history.go(-1);
后退一个网页