JavaScript BOM知識點有哪些

本篇內(nèi)容主要講解“JavaScript BOM知識點有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JavaScript BOM知識點有哪些”吧!

1、BOM 簡介

　　所謂的 BOM 即瀏覽器對象模型（Browser Object Model）。BOM 賦予了 JS 操作瀏覽器的能力，即 window 操作。DOM 則用于創(chuàng)建刪除節(jié)點，操作 HTML 文檔。BOM 尚無正式的標準，導致各瀏覽器對于 BOM 方法的支持各有不同，因此需要具體問題具體對待。

2、window 對象

　　window 對象是 BOM 的核心，window 對象指當前的瀏覽器窗口。所有 JS 全局對象、函數(shù)以及變量都屬于 window 對象。全局變量是 window 對象的屬性。全局函數(shù)是 window 對象的方法。甚至 DOM 的 document 也屬于 window 對象的屬性之一，只是大多數(shù)情況下可以忽略不寫。
 

　　window 對象方法：

3、窗口操作

(1)、打開窗口

　　open() 方法可用于打開新窗口。

　　語法：window.open(url, name/target, 窗口設置, replace)

　　該方法的三個參數(shù)都是可選的，默認在新頁面打開一個空白頁。第一個參數(shù)可設置要打開窗口的路徑。第二個參數(shù)規(guī)定在何處打開新窗口，也可用于指定窗口的名稱。第三個參數(shù)設置窗口參數(shù)，多個參數(shù)可用逗號分隔。如果有第一個參數(shù)，后面兩個參數(shù)可省略，則在新頁面打開。第二個參數(shù)一般無需設置，如果要規(guī)定窗口的參數(shù)，則必須有第二個參數(shù)，必須為 '_blank'，或者用 '', 代替，并且距離屏幕頂部不能為 0，否則失效，如果設置了左邊距離，頂部可設置為 0。最后一個參數(shù)規(guī)定加載到窗口的 URL 是在窗口的瀏覽歷史中創(chuàng)建一個條目，還是替換瀏覽器歷史中的當前條目，值為 true 或 false， 值為 true 時 URL 替換瀏覽歷史中的當前條目，為 false 時 URL 在瀏覽歷史中創(chuàng)建新的條目。
 

　　下表是一些常用的窗口設置參數(shù)：

　　實例A：點擊按鈕，在新窗口打開上海尚學堂首頁，寬 600，高 400，距屏頂 0 像素，屏左 10 像素。

<script>

<script>

function printpage(){

    window.print();

}

</script>
 

<script>

function printpage(){

    window.print();

}

</script>
 

（3）、關閉窗口

　　window.close() 方法可用于關閉當前窗口。

該方法在 Chrome 下運行正常。IE 下彈窗提示：你查看的網(wǎng)頁正在試圖關閉選項卡，是否關閉選項卡？點擊否，不關閉，點擊是，關閉窗口。在 FF 下會報錯，因為在 FF 下不允許腳本關閉非腳本打開的窗口，也就是不能關閉一個用戶自己打開的窗口，只能關閉由 open 打開的窗口。所以可以先用 open 打開，再關閉，這樣就能解決 FF 下不能關閉的問題。這就需要創(chuàng)建兩個文檔來演示該問題：第二個文檔使用上面實例保存為 close.html，第一個文檔如下：

　FF 瀏覽器的安全機制比較高，不能關閉用戶打開的窗口，在網(wǎng)上也沒找有找到什么好的辦法，只能修改瀏覽器的默認配置，顯然這是不可取的。上面的辦法比較笨，另辟蹊蹺不能關閉用戶打開的，那就自己 open 一個再 close，但這還是比較實在的方法，至少目的是達到了。

　　在 IE 下可使用下面的代碼關閉當前窗口，不彈窗提示。同時也適用于 Chrome。這里使用 a 標簽在 FF 下可以看到報錯，使用按鈕則沒有報錯信息。

實例G：關閉新打開的窗口

實例H：檢查新窗口是否已關閉

4、瀏覽器信息

　　window.navigator 對象獲取包含有關訪問者瀏覽器的信息。該屬性在使用時可以不加 window 前綴。

　其中最常用的屬性是 navigator.userAgent，返回用戶代理頭的字符串表示(就是包括瀏覽器版本信息等的字符

到此，相信大家對“JavaScript BOM知識點有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！