bom基礎

shusen 發布于2019-08-20 18:54 / 1193人閱讀

摘要：里面的對象什么是是瀏覽器對象，全拼為瀏覽器對象模型是的縮寫，簡稱瀏覽器對象模型提供了獨立于內容而與瀏覽器窗口進行交互的對象由于主要用于管理窗口與窗口之間的通訊，因此其核心對象是由一系列相關的對象構成，并且每個對象都提供了很多方法與屬性缺乏標

js里面的Bom對象 什么是Bom

Bom是瀏覽器對象，全拼為（Browser Object Model）瀏覽器對象模型

BOM是browser object model的縮寫，簡稱瀏覽器對象模型

BOM提供了獨立于內容而與瀏覽器窗口進行交互的對象

由于BOM主要用于管理窗口與窗口之間的通訊，因此其核心對象是window

BOM由一系列相關的對象構成，并且每個對象都提供了很多方法與屬性

BOM缺乏標準，JavaScript語法的標準化組織是ECMA，DOM的標準化組織是W3C,

BOM最初是Netscape瀏覽器標準的一部分

bom屬性	描述
window	對象
navigator	瀏覽器信息
location	瀏覽器定位和導航
screen	屏幕信息
history	窗口瀏覽器歷史
document	文檔

window

window對象是js中的頂級對象，所有定義在全局作用域中的變量、函數都會變成window對象的屬性和方法，在調用的時候可以省略window。

例：

打開窗口：window.open(url,target,param);
// url    要打開的地址
// target 新窗口的位置     _blank(默認)  _self 
// param  新窗口的一些設置
// 返回值，新窗口的句柄
關閉窗口：window.close();
定時器   setIiterval      clearInterval
    setTimeout       clearTimeout

系統對話框
alert() // 系統彈窗
confirm() // 確認、取消彈窗
prompt() // 輸入彈窗

navigator

navigator對象：包含大量有關Web瀏覽器的信息，在檢測瀏覽器及操作系統上非常有用

window.navigator.appCodeName //瀏覽器代碼名
window.navigator.appName //瀏覽器步伐名
window.navigator.appMinorVersion //瀏覽器補釘版本
window.navigator.cpuClass //cpu類型x86
window.navigator.platform //操作體系類型win32
window.navigator.plugins
window.navigator.opsProfile
window.navigator.userProfile
window.navigator.systemLanguage //客戶體系語言zh-cn簡體中文
window.navigator.userLanguage //用戶語言,同上
window.navigator.appVersion //瀏覽器版本(包括 體系版本)
window.navigator.userAgent//用戶代理頭的字符串表示
window.navigator.onLine //用戶否在線
window.navigator.cookieEnabled //瀏覽器是否撐持cookie
window.navigator.mimeTypes

location

location對象：表示載入窗口的URL，也可用window.location引用它
location.href //當前載入頁面的完整URL
location.host //服務器的名字
location.pathname //URL中主機名后的部分，如/pictures/index.htm
location.hash //如果URL包含#，返回該符號之后的內容，如#anchor1
location.reload(true | false); //重新載入當前頁面，為false時從瀏覽器緩存中重載，為true時從服務器端重載，默認為false
document.location.reload(URL) //打開新的網頁

screen

window.screen.width //屏幕寬度
window.screen.height //屏幕高度
window.screen.availWidth //可用寬度(除去任務欄的高度)
window.screen.availHeight //可用高度(除去任務欄的高度)

history

history.back() //在瀏覽歷史里后退一步
history.forward() //在瀏覽歷史里前進一步
history.go(i) //到汗青詳細登記單的第i位

h5里的history：
pushState(a,b,c)//a:數據 c:地址欄
window.onpopstate

document

document.write() //動態向頁面寫入內容

云服務器 GPU云服務器 BOM bom編碼批量去除bom 批量刪除BOM頭

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84842.html

談談瀏覽器里的JavaScript

摘要：而與最大的區別在于與瀏覽器溝通的窗口，不涉及網頁內容。完全依賴于瀏覽器廠商實作本身無標準規范，而有著所制定的標準來規范。而透過選取出來的節點，我們可以通過操作屬性來變更它的文字。在許多的網頁前端教學或是文章書籍當中，你可能常常聽到這樣的說法：「HTML、CSS 與JavaScript 是網頁前端三大要素」，其中： HTML 負責資料與結構 CSS 負責樣式與呈現 JavaScript 負責...

CastlePeaK 2019-05-23 17:32 評論0 收藏0
前端培訓-中級階段（4）- BOM 瀏覽器對象模型（2019-07-04期）

摘要：提供了與瀏覽器窗口進行交互的對象標簽之間不會共享。用于描述當前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。前面我們已經基本掌握常規的語法語義，以及基...

smallStone 2019-08-02 15:22 評論0 收藏0
前端培訓-中級階段（4）- BOM 瀏覽器對象模型（2019-07-04期）

摘要：提供了與瀏覽器窗口進行交互的對象標簽之間不會共享。用于描述當前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。前面我們已經基本掌握常規的語法語義，以及基...

h9911 2019-08-23 18:15 評論0 收藏0
基礎鞏固：JavaScript基礎總結(基本概念篇)

摘要：基礎鞏固基礎總結使用已經好幾年了，由于工作主要是做服務端開發，在工作中逐漸發現的使用范圍原來越廣泛。這里要注意，務必將基礎部分掌握牢靠，磨刀不誤砍柴功，只有將基礎部分掌握并建立起系統的知識體系，在后面學習衍生的其他模式才能游刃有余。基礎鞏固：JavaScript基礎總結使用JavaScript已經好幾年了，由于工作主要是做服務端開發，在工作中逐漸發現JavaScript的使用范圍原...

YuboonaZhang 2019-08-26 12:08 評論0 收藏0
做一名精致的JavaScripter 01：JavaScript簡介

摘要：精致從細節做起。標準會在每年的月發布一次，作為當年的正式版本，便是年發布的正式版本。支持情況各大瀏覽器對的支持情況瀏覽器支持情況對的支持情況支持情況。在瀏覽器中基于實現的已經成為的重要組成部分。精致從細節做起。前端的工作也有一段時間了，大大小小的前端框架都有接觸過，越是深入學習越是感覺之前的學習過于粗糙，基礎不夠扎實，于是準備近期把JavaScript的基礎知識點梳理一下，查缺補漏，...

張巨偉 2019-08-22 15:10 評論0 收藏0