首頁 > web前端 > js教程 > 主體

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

不言
發布: 2019-03-05 14:34:00
轉載
2538 人瀏覽過

這篇文章帶給大家的內容是關於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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!