BOM(Browser Object Model)没有官方的标准,各个浏览器的标准不同,所以会有兼容问题。
一、location和history的常用语句
1、location.href(地址栏的url)
location.href="http://www.baidu.com/" //将地址栏的url重新赋值为baidu的地址,就可以实现重定向至百度了,类似a标签的效果;
2、location.reload(刷新页面)
location.href=location.href; //方式1 location.reload(); //方式2
3、history.back(返回上一级页面)
history.back();
4、history.forward(进入下一级页面)
history.forward();
5、histroy.go
history.go(-1);//返回前一个页面 history.go(-2);//返回前两个页面 history.go(1);//进入下一个页面
二、浏览器中常见的弹窗
1、alert(警告窗)
alert("message");//弹出一条警告,只有一个按钮
需要注意的是,alert会阻塞alert后面的代码。
2、confirm(确认窗)
var a = confirm("是否确认删除");//弹出一个确认窗口,点击确认返回一个true,点击取消返回false
3、prompt(弹出输入框)
var password = prompt('请您输入密码');//弹出一个带输入框的窗口,返回值是输入的内容
三、浏览器信息
1、Navigator(浏览器的信息)
navigator可以用来返回浏览器信息,但是兼容性不好
console.log(navigator.userAgent);//可以用来判断用户设备类型以及使用的浏览器种类
2、Screen(屏幕信息)
console.log(screen.width,screen.height);//获取屏幕宽高 console.log(screen.availWidth,screen.availHeight);//获取屏幕宽高(不包含信息栏) console.log(screenX,screenY);//浏览器与屏幕的距离 console.log(screenLeft,screenTop)//浏览器与屏幕的距离 console.log(innerHeight,innerWidth)//浏览器内容的宽跟高 console.log(outerHeight,outerWidth)//浏览器外部的宽跟高