JS---BOM基本知識 (頂級對象，系統對話框，載入事件，location對象, history對象, navigator對象)

BOM

JavaScript分三個部分:

頂級對象

系統對話框

window.alert("您好啊");//以後不用,測試的時候使用

window.prompt("請輸入帳號");

    var result = window.confirm("您確定退出嗎");
    console.log(result);

載入事件

    //頁面載入完畢了,再獲取按鈕
    //只要頁面載入完畢,這個事件就會觸發-----頁面中所有的內容,標簽,屬性,文本,包括外部引入js文件
    window.onload = function () {
      document.getElementById("btn").onclick = function () {
        alert("您好");
      };
    };

Location對象

    //對象中的屬性和方法
    location對象
    console.log(window.location);

    //地址欄上#及後面的內容
    console.log(window.location.hash);
    //主機名及埠號
    console.log(window.location.host);
    //主機名
    console.log(window.location.hostname);
    //文件的路徑---相對路徑
    console.log(window.location.pathname);
    //埠號
    console.log(window.location.port);
    //協議
    console.log(window.location.protocol);
    //搜索的內容
    console.log(window.location.search);

設置跳轉的頁面的地址

location.href----屬性

方法：

location.assign

location.reload

l

    onload = function () {
      document.getElementById("btn").onclick = function () {
        //設置跳轉的頁面的地址
        location.href="http://www.jd.com";//屬性----------------->必須記住
        //location.assign("http://www.jd.com");//方法
        //location.reload();//重新載入--刷新
        //location.replace("http://www.jd.com");//沒有歷史記錄
      };
    };

 history對象

    //跳轉的
    my$("btn1").onclick = function () {
      window.location.href = "15test.html";
    };
    //前進
    my$("btn2").onclick = function () {
      window.history.forward();
    };

navigator對象

n

navigator.platform 平臺類型

    //通過userAgent可以判斷用戶瀏覽器的類型
    console.log(window.navigator.userAgent);
    //通過platform可以判斷瀏覽器所在的系統平臺類型.
    console.log(window.navigator.platform);