web前端瀏覽器物件模型章節

千鋒HTML5學院發表於2019-06-12


瀏覽器物件模型( browser object model )

  什麼是BOM?

   5a1ead50a7b34f259259699d0b42335e.png

  提起BOM就不得不提起JavaScript的構成。ECMAScript為JavaScript的核心,但是要是在瀏覽器中使用JavaScript,那麼BOM才是JavaScript的核心。

  這時候不得不提起一個人:

   e53e0dac10a548e9acb9131083dc7724.png

  假設:有外國人潛逃到中國,那麼無論之前他的權力有多大,到了中國都要遵守中國的法律,也就是說,無論ECMAScript有多麼權威,那麼到了當前的瀏覽器下,都要遵守當前瀏覽器的規則。

  殺人犯法,偷到犯法,搶劫犯法。這些都是公認的法律,奧巴馬在對瀏覽器不知情的情況下也會預設遵守這些規則。

  這些通用的的規定就作為事實上的標準。這個標準就是BOM。

  2.BOM的物件:

  1)location物件:

  *window.location.href=""

  這是一個取代跳轉連結的頁面;

  這個方法存在的意義是,讓我們們的跳轉連結可以操作,可以拼接>>>>這是開發中一種常見的傳遞資料的方式。

  *window.location.reload()

  重新整理頁面的方法。一般情況下給reload()傳遞一個true,讓他重新整理,並不使用快取。

  快取的東西一般為js檔案,css檔案等。

  用這個方法可以讓自己不能動的頁面動起來了。重新整理當前頁面。

  toSource()方法;

  只相容FF瀏覽器,其他瀏覽器不相容。 這個方法可以檢視物件的原始碼;

  語法是 obj.toSource()

  2)navigator物件:

  navigator.appName 返回獲取當前瀏覽器的名稱。

  navigator.appVersion 返回 獲取當前瀏覽器的版本號。

  navigator.platform 返回 當前計算機的作業系統。

  以上屬性已經在逐漸被拋棄了。

  一個新的屬性將替代這些屬性。

  navigator.userAgent 返回

  close()方法

  注意 :FF不支援此方法;

  alert( )方法>>>這個沒啥說的;

  confirm( )方法;

  confirm("對話方塊的提示文字")

  這個方法有返回值,看到返回值的第一想法就是使用返回值;

  var i= confirm("對話方塊的提示文字");

  if (i){

  document.write('你確定了')

  }else{

  document.write('你否定了')

  }

  prompt()輸入框

  用法和confirm相同,返回值是你輸入的值;

   79fdc741cf0e4e0080a6323560a681e6.png

  3.定時器

  setInterval(函式名,執行時間(毫秒))>>>>

  每間隔一定時間,就執行一次函式;

  進度條 || 倒數計時

  

web前端瀏覽器物件模型章節

web前端瀏覽器物件模型章節

web前端瀏覽器物件模型章節

  setTimeout(函式名,執行時間(毫秒))

  執行一次

  4.一些事件

  onload 載入事件網頁載入完畢後執行

  onscroll 滾動事件

  案例:回到頂部

  document.documentElement.scrollTop 代表垂直的捲軸,向下滾動的距離

  document.body.scrollTop //chrome 代表垂直的捲軸,向下滾動的距離

  document.documentElement.scrollLeft

  document.body.scrollLeft

  

web前端瀏覽器物件模型章節

web前端瀏覽器物件模型章節

web前端瀏覽器物件模型章節


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69917019/viewspace-2647416/,如需轉載,請註明出處,否則將追究法律責任。

相關文章