資訊專欄INFORMATION COLUMN
摘要：來看看幾個小例子在上面的代碼中，點擊按鈕，會在瀏覽器的新窗口內打開百度的首頁。返回目標設備或緩沖器上的調色板的比特深度返回顯示屏幕的每英寸水平點數返回顯示屏幕的每英寸垂直點數。返回顯示屏幕的顏色分辨率比特每像素。
BOM操作
javascript 技術下包含：ecmascript , dom , bom . 現在來了解一下dom操作
BOM 的意思就是瀏覽器對象模型，全稱為：Brower Object Model , 其下有四個屬性：
window
navigator
location
screen
history
document
windows我們在控制臺打印 console.log(windows) ，控制臺會輸出很多屬性，事實上，navigator ， location ， screen ， history ， document 這幾個屬性也是 window 下的屬性。
來看看幾個小例子：
btn.onclick=function(){
window.open("https://www.baidu.com")
}
在上面的代碼中，點擊按鈕，會在瀏覽器的新窗口內打開百度的首頁。
btn.onclick=function(){
window.open("https://www.baidu.com","_self")
}
如上，點擊按鈕之后，會在當前瀏覽器窗口打開百度首頁。
window.open()的默認屬性為 _blank ，即在新窗口打開新頁面。
window.close()是用來關閉又程序打開的新窗口，直接在地址欄輸入地址打開的頁面不適用。
系統對話框
系統對話框有如下三種類型：
alert 彈出框
confirm 確認對話框
prompt 提醒對話框，含有一個輸入框
alert
confirm
promit
輸入框內也可以設置默認顯示的文字，只需要寫兩個參數就行了。
Navigator 對象包含有關瀏覽器的信息Navigator 屬性
appCodeName 返回瀏覽器的代碼名 appMinorVersion 返回瀏覽器的次級版本 appName 返回瀏覽器的名稱 appVersion 返回瀏覽器的平臺和版本信息 browserLanguage 返回當前瀏覽器的語言 cookieEnabled 返回知名瀏覽器中是否啟用cookie的布爾值 cpuClass 返回瀏覽器系統的CPU等級 onLine : 返回致命系統是否處于脫機模式的布爾值 platform 返回運行瀏覽器的操作系統平臺 userAgent 返回瀏覽器版本等信息loaction 包含有關當前ulr的信息
loaction 屬性
hash 設置返回哈希值，以(#)開頭的字符 host 設置或返回主機名和當前url的端口號 hostname 設置或返回當前ulr的主機名 href 設置或返回完整的url pathname 設置或返回當前url的路徑部分 port 設置或返回當前url的端口號 protocol 設置或返回當前的url的協議 search 設置或返回從(?)開始的url
location 方法
assign() 加載新的文檔 reload() 重新加載當前文檔 replace() 用新的文檔替換當前文檔screen 對象包含有關客戶端顯示屏幕的信息
screen 屬性
availHeight 返回顯示屏幕的高度 (除 Windows 任務欄之外) availWidth 返回顯示屏幕的寬度 (除 Windows 任務欄之外) bufferDepth 設置或返回調色板的比特深度。 colorDepth 返回目標設備或緩沖器上的調色板的比特深度 deviceXDPI 返回顯示屏幕的每英寸水平點數 deviceYDPI 返回顯示屏幕的每英寸垂直點數。 fontSmoothingEnabled : 返回用戶是否在顯示控制面板中啟用了字體平滑 height : 返回顯示屏幕的高度。 logicalXDPI 返回顯示屏幕每英寸的水平方向的常規點數 logicalYDPI 返回顯示屏幕每英寸的垂直方向的常規點數。 pixelDepth 返回顯示屏幕的顏色分辨率（比特每像素）。 updateInterval 設置或返回屏幕的刷新率。 width 返回顯示器屏幕的寬度。history 對象包含用戶（在瀏覽器窗口中）訪問過的 URL。
history 屬性
length 返回瀏覽器歷史列表中的 URL 數量。
history 方法
back() 加載 history 列表中的前一個 URL。 forward() 加載 history 列表中的下一個 URL。 go() 加載 history 列表中的某個具體頁面。
下面這段代碼也能執行后退操作
history.go(-2)//執行兩次后退
如果給定正值，則為前進
document 文檔btn.onclick=function(){
var a = window.open("");
a.document.write("hello world")
}
在如上代碼中，點擊按鈕可以在新的窗口顯示hello world。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84824.html
摘要：提供了與瀏覽器窗口進行交互的對象標簽之間不會共享。用于描述當前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。 前面我們已經基本掌握常規的語法語義，以及基...
摘要：提供了與瀏覽器窗口進行交互的對象標簽之間不會共享。用于描述當前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。 前面我們已經基本掌握常規的語法語義，以及基...
摘要：何時只要讓程序延遲執行一件事時如何件事啟動定時器讓程序等待毫秒后，自動執行一次，執行后自動停止停止定時器定時器原理定時器中的任務函數，必須等待主程序所有語句執行后，才能執行。將事件監聽對象加入到瀏覽器的監聽隊列中。 前端知識點總結——BOM 1.BOM: Browser Object Model 什么是: 專門操作瀏覽器窗口的API 沒有標準, 導致瀏覽器兼容性問題 包括: w...
閱讀 3085·2019-08-30 15:56
閱讀 1239·2019-08-29 15:20
閱讀 1577·2019-08-29 13:19
閱讀 1484·2019-08-29 13:10
閱讀 3388·2019-08-26 18:27
閱讀 3074·2019-08-26 11:46
閱讀 2238·2019-08-26 11:45
閱讀 3766·2019-08-26 10:12
