BOW/DOM（上）

BOM

1. 原生對象：成為js中的內置對象，就是由 js 中的構造函數創建的對象就被稱為原生對象：Object、Number、Array、Date、String。。。。
2. 宿主對象：web運行環境，也就是windows操作系統和瀏覽器這些被稱為宿主，有這些宿主提供的對象，就叫宿主對象。
3. *BOM：瀏覽器對象模型，專門用來操作瀏覽器中的功能使用 在BOM中最頂層的對象就是window對象，window對象是瀏覽器中內置對象，裡面包含了操作瀏覽器的方法和屬性 window中常用的方法和屬性： innerHeight、innerWidth：專門用來設置瀏覽器視窗的尺寸，例：↓

    1 <p id="demo">顯示視窗的高度和寬度(不包括工具欄和滾動條). .</p>
    2 <button onclick="myFunction()">點我</button>
    3 <script>
    4 function myFunction(){
    5     var w=window.innerWidth;
    6     var h=window.innerHeight;
    7     x=document.getElementById("demo");
    8     x.innerHTML="Width: " + w + " Heigth: " + h;
    9 }
   10 </script>

        alert()：彈出框 定義和用法：alert() 方法用於顯示帶有一條指定消息和一個 確認 按鈕的警告框。 語法：alert(message) 例：↓  <script> function myFunction(){     alert("你好，我是一個警告框！"); } </script>

    

    prompt()：輸入框

   語法：prompt(msg,defaultText)

   msg	可選。要在對話框中顯示的純文本（而不是 HTML 格式的文本）。
   defaultText	可選。預設的輸入文本。

   例：↓

   var person=prompt("請輸入你的名字","Harry Potter");

    

    confirm()：確認框 定義和用法：confirm()方法用於顯示一個帶有指定消息和確認及取消按鈕的對話框。

   如果訪問者點擊"確定"，此方法返回true，否則返回false。

   語法：confirm(message)

   例：↓

    var r=confirm("按下按鈕!"); console.log(r)

    

    open(文件地址，視窗名稱,視窗特征，是否替換)：創建新視窗  註：當前open方法中沒有設置視窗名稱時，一旦創建新視窗，瀏覽器會預設給每個新視窗設置一個不同的名稱，這樣就操作每次都創建一個新視窗；  如果給新視窗設置了名稱，那麼每次創建的時候就回去瀏覽器中查找該視窗名稱是否存在，如果存在，則直接拿來使用，如果不存在，則創建新視窗    close()：關閉視窗  關閉當前視窗：window.close()  關閉指定視窗：視窗名稱.close()   screenX、screenY和screenLeft、screenTop：獲取當前視窗相對於屏幕的坐標 例：↓  //獲取當前視窗相對於屏幕的坐標         var x1=window.screenX         var y1=window.screenY
           var x2=window.screenLeft         var y2=window.screenTop         console.log(x1,y1,x2,y2)   location對象：專門用來操作瀏覽器的地址欄信息        href：操作瀏覽器中的地址    例↓             //獲取瀏覽器中的地址 var url1 = location.href             console.log(url1)             //設置跳轉地址             location.href = "./01.作業1.html"             location = "./01.作業1.html"             location.assign("./01.作業1.html")        host：主機名和埠號      hostname：主機名      reload()：重新載入當前頁面   例：↓  // 重新載入當前頁面（刷新）             location.reload()          search()：瀏覽器中的參數信息      assgin()：操作瀏覽器的地址  var url1 = location.href             console.log(url1)             // 設置跳轉地址             location.href = "./01.作業1.html"             location = "./01.作業1.html"             location.assign("./01.作業1.html")