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尺寸html

  • window.innerWidth   可視區寬度(不包含開發者工具)
  •  window.innerHeight   可視區高度(不包含地址欄和選項卡)
  •  window.outerWidth   可視區寬度(包含開發者工具)
  • window.outerHeight   可視區高度(包含地址欄和選項卡)

location對象
瀏覽器

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

    - location.protocol  協議   'http:'
cookie

    - 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
   
app

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()   後退一步
ui

相關文章
相關標籤/搜索