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')

3.       replace(  )  —只能跟一个参数(url),把旧页面换成新页面,旧页面不进行保留,无法回退
4.  reload(  )   --刷新页面
5.     window.loaction.reload(  )  刷新页面