JavaScript基礎之BOM操作

貓董發表於2018-11-11

瀏覽器

  • 瀏覽器是多執行緒的,但其JS引擎是單執行緒的;
  • 瀏覽器在載入,解析,渲染頁面的時候:預設是同步的;
  • 瀏覽器在處理事件(event)的時候預設是非同步的;

window物件

  • 全域性物件,全域性方法,使用時window可以省略。

彈窗

彈窗都是阻斷的,執行完之後才會進行後續的解析和操作;

  1. alert();
  2. confirm(): 返回布林值,true/false;可惜不能修改預設按鈕(確定/取消);
  3. prompt("使用者輸入","預設值") :回使用者輸入內容,第二個引數可以省略(省略後使用者不輸入時返回null);

導航欄

  • window.location 物件;
  1. location.href/location.toString() 可以獲取當前網址;
  2. window.open("url")/location.href = "url" 開啟新網址;
  3. location.reload(): 重新整理;
  4. location.replace():也可以開啟新網址;

前進與後退

  • history物件;
  1. history.back: 後退;
  2. history.forward: 前進;
  3. history.go(int):前進int步,負數表示後退;

瀏覽器資訊

  • navigator物件:常用navigator.userAgent

解析度

  • window.screen物件:區別瀏覽器解析度和螢幕解析度,相差一個導航欄大小;

計時器

  1. 迴圈執行:
    var sil = setInteval(func,time);   //返回一個執行緒
    clearInterval(sil);    //停掉這個執行緒
    複製程式碼
  2. 一次執行:
    var sil = setTimeout(func,time);
    clearTimeout(sil);
    複製程式碼

相關文章