首頁  >  文章  >  web前端  >  JavaScript中BOM的介紹(程式碼範例)

JavaScript中BOM的介紹(程式碼範例)

不言
不言轉載
2019-03-05 14:34:002550瀏覽

這篇文章帶給大家的內容是關於JavaScript中BOM的介紹(程式碼範例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

BOM 指瀏覽器物件模型,可以透過js 操作瀏覽器。
window    -整個瀏覽器視窗也是網頁的全域物件
navigator  -瀏覽器資訊
location  -瀏覽器位址列信息,可以取得位址或操作
history   -瀏覽器的歷史記錄 該物件不能取得到具體的歷史記錄, 只能操作瀏覽器向前或向後。
screen    - 取得使用者目前使用的顯示器螢幕的相關資訊

navigator 可以取得瀏覽器的信息, navigator.userAgent 可以獲得目前是什麼瀏覽器, 拿到的是字串可以透過正規來判斷是谷歌還是火狐等, 但是ie11判斷不出來,但ie可以用ie特有的屬性ActiveXObject來判斷。
	  var userAgent = navigator.userAgent;
        if (/firefox/i.test(userAgent)) {
            alert("你是火狐");
        } else if (/chrome/i.test(userAgent)) {
            alert("你是chrome");
        } else if("ActiveXObject" in window){
            alert("你是ie");
        }
history  歷史記錄
history.forward()  像前跳, history.back()向後跳,  history.go(參數),history.go(1)相當於history.forward();
	  var next=document.getElementById("next");
       var prev=document.getElementById("prev");
       next.onclick=function(){
        // history.forward();
        history.go(1);
       }
       
       prev.addEventListener("click",function(){
        //    history.back();
        history.go(2);
       },false)
  • loaction    可以獲得目前網址列訊息, 跳轉位址, 刷新位址等。
  • 目前位址:
    loction.href.
  • 跳轉:
    1.location=“http://www.baidu.com”;
    2. location .assign(“http://www.baidu.com”);
    3.location.replace(“http://www.baidu.com”); //替換, 不能回退
  • 刷新:
    location.reload(true);  //  加上true  強制清空表單, 不加隻刷新頁面不清空表單。


#

以上是JavaScript中BOM的介紹(程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除