JavaScript--BOM

BOM ——browser object model
- window对象 : 窗口对象  ,  全局对象
- 全局变量相当于window属性,全局声明的函数相当于window的方法
- 操作窗口
    - open(url,target,窗口特性) 打开窗口
        ```
            mywin =   open('1-京东搜索栏.html','_blank','width=500,height=400');
        ```

    - close() 关闭窗口

        ```
            mywin.close()  //关闭指定窗口
            close()  //关闭当前窗口
        ```
    - resizeTo(x-number,y-number); 改变窗口尺寸
        ```
            mywin.resizeTo(1000,600); 
        ```
    - moveTo(x-number,y-number);  改变窗口位置
        ```
        mywin.moveTo(200,300);  200距离父级窗口左边位移 ,300距离父级窗口上边缘位移
        ```

window尺寸

  • window.innerWidth   可视区宽度(不包含开发者工具)
  •  window.innerHeight   可视区高度(不包含地址栏和选项卡)
  •  window.outerWidth   可视区宽度(包含开发者工具)
  • window.outerHeight   可视区高度(包含地址栏和选项卡)

location对象

http://www.ujiuye.com/user/login.html?username=aaa&pass=123#a

    - location.protocol  协议   'http:'

    - location.host  主机和端口  '127.0.0.1:5500'
    - location.hostname  主机名  '127.0.0.1'
    - location.port  端口号  '5500'
    - location.pathname  文件夹及文件名
    - location.search  查询字符串
    - location.hash  哈希值
    - location.href  获取或者设置整个url
   

navigator对象
    - navigator.appCodeName  浏览器代号
    - navigator.appName  浏览器名称
    - navigator.appVersion  浏览器版本
    - navigator.cookieEnabled  是否启用cookie
    - navigator.userAgent  用户代理

            navigator.userAgent.indexOf('MSIE') > -1    检测低版ie
            navigator.userAgent.indexOf('Molie') > -1   检测移动端

 - navigator.systemLanguage  用户代理语言


- history 历史
    - history.go()   1 向前一步, 2 向前两步 ,-1 后退一步, -2 后退两步
    - history.forward()   向前一步
    - history.back()   后退一步

 

原文地址:https://www.cnblogs.com/musong-out/p/11427393.html