BOM-瀏覽器對象模型

一、BOM(browser object model)

1.window
    |
    |---navigator
    |
    |--screen
    |
    |--location
    |
    |
    |--history
    |
    |--document


2.navigator瀏覽器版本信息的對象

    (1)appCodeName  返回瀏覽器代碼

    (2)appName      返回瀏覽器名稱
    
    (3)appVersion   返回瀏覽器版本

    (4)cookieEnable 返回瀏覽器是否啟用cookie的布爾值

    (5)platform     返回運行瀏覽器的操作系統(tǒng)

    (6)userAgent    返回客戶端發(fā)送到服務器的user-agent頭部值

2.history
    (1) back()      返回前一個頁面

    (2) forward()    返回后一個頁面

    (3) go(n)        跳轉至指定的頁面(n是整數)

        n=0         刷新當前頁面

        n>0         跳轉至前n個頁面

        n<0         跳轉至后n個頁面

3.screen     窗口屏幕尺寸信息
    (1)height       獲取窗口真實高度的像素值

    (2)width        獲取窗口真實寬度的像素值

    (3)availHeight  窗口可視區(qū)域的高度


    (4)availWidth   窗口可視區(qū)域的寬度


4.location  

    URL路徑的組成 

    https:      //      www.w3cschool.cn    :80        /javascript          ?name=zhansna&age=20  #hash

    http協議             主機地址(ip)         端口號     請求路徑(pathname)    查詢字符串             地址欄哈希值
    http
    https


    (1)hash     設置或返回從#開始的url
    (2)host     返回主機名和當前URL的端口號
    (3)hostname 設置或返回當前URL的主機名
    (4)href     設置或返回完整的url
    (5)pathname 設置或返回當前url的路徑部分
    (6)port     設置或返回當前url的端口號
    (7)protocol 設置或返回當前url的協議
    (8)search   設置或返回從(?)開始的url

    (9)assign()     加載新的文檔
    (10)reload()    重新加載當前頁面
    (11)replace(newURL)     用新的文檔替換當前的文檔

5.window對象
    setInterval()
    setTimeout
    clearInterval()
    clearTimeout

    alert() 

    prompt() 彈出一個信息輸入提示框

    confirm()   彈出一個確定提示框


    窗口位置和大小
        (1)moveBy(水平方向移動距離,垂直方向移動的距離) 
        (2)moveTo(水平方向移動距離,垂直方向移動的距離)
        (3)resizeTo()   
        (4)resizeBy()
            改變窗口大小
        (5)scrollTo()
        (6)scrollBy()
            滾動條滾動位置
    窗口事件
    load
    unload
    focus       獲得焦點
    blur        失去焦點

    創(chuàng)建新窗口

    (7)open(URL,窗口名稱,窗口風格)  
    (8)close()  關閉窗口 

    窗口風格屬性
        toolbar=no 是否顯示工具欄
        location=no  是否顯示地址欄
        status=no  是否顯示狀態(tài)欄
        menubar=no  是否顯示菜單條
        scrollbars=no  是否顯示滾動條
        resizable=yes   是否允許重新定位
        width=200,height=300 窗口的大小
        top=200,left=200    窗口的位置
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容