js中关于bom的知识

1 screenTop: 浏览器左上角到物理屏幕左上角的垂直距离

2 screenLeft: 浏览器左上角到物理屏幕左上角的水平距离

3 以上两种代码除了火狐浏览器不兼容外,其他浏览器都兼容,火狐浏览器使用screenX和screenY,其功能和上面两种一样

处理兼容性问题:

browerLeft=window.screenLeft ||window.screenX

browerTop=window.screenTop || window.screenY

4 计算窗口大小使用

window.innerWidth/windowHeight 计算当前窗口可视区域的宽度,包含滚动条

window.outerWidth/window.outerHeight 计算包含浏览器的边框和工具栏

在实际项目中获取可视区域的宽度,尽量不要用innerWidth,存在误差,

5 BOM中页面跳转

通过BOM页面跳转要比a标签的效率要高

window.open( )打开窗口,

1括号里面接受两个参数一个是路径,

window.open('http://www.baidu.com',)跳转到百度页面,必须要加http://,如果不加的话,就会寻找本地叫这个名字的文件

2 第二个参数为新窗口的打开方式有两个值 _black,和_self代表跳转到另一个网页,和,在自己网页上面跳转,不在保存原有网页

3 第三个参数为浏览器大小,该参数是在参数2设置成_black之后才能设置

4 第四个参数为一个布尔值,可以不填写,不重要

6 关闭窗口: window.close( )

7 location的属性

location 其实是window下的一个属性

1.window.location.hash 返回网址#之后的内容

2.window.location.host 返回服务器名称和端口号

3.window.location.hostname 返回不带端口号的主机名称

4 window.location.port 返回服务器端口

5 window.location.href 返回当前页面的URL---重点

6 window.location.pathname 返回URL中的目录和文件名

7 window.location.protocol 返回页面使用的协议(http://或者是https://)

8 location下面的方法函数

1.href 可以跳转页面(是在当前页面直接更换 url, 上一个页面的历史记录被保存下来

2.assign( ) 可以跳转页面,功能和href相似,也能返回上一个历史记录

window.location.assign('http://www.baidu.com')