摘要:來(lái)看看幾個(gè)小例子在上面的代碼中,點(diǎn)擊按鈕,會(huì)在瀏覽器的新窗口內(nèi)打開百度的首頁(yè)。返回目標(biāo)設(shè)備或緩沖器上的調(diào)色板的比特深度返回顯示屏幕的每英寸水平點(diǎn)數(shù)返回顯示屏幕的每英寸垂直點(diǎn)數(shù)。返回顯示屏幕的顏色分辨率比特每像素。
BOM操作
javascript 技術(shù)下包含:ecmascript , dom , bom . 現(xiàn)在來(lái)了解一下dom操作
BOM 的意思就是瀏覽器對(duì)象模型,全稱為:Brower Object Model , 其下有四個(gè)屬性:
window
navigator
location
screen
history
document
windows我們?cè)诳刂婆_(tái)打印 console.log(windows) ,控制臺(tái)會(huì)輸出很多屬性,事實(shí)上,navigator , location , screen , history , document 這幾個(gè)屬性也是 window 下的屬性。
來(lái)看看幾個(gè)小例子:
btn.onclick=function(){ window.open("https://www.baidu.com") }
在上面的代碼中,點(diǎn)擊按鈕,會(huì)在瀏覽器的新窗口內(nèi)打開百度的首頁(yè)。
btn.onclick=function(){ window.open("https://www.baidu.com","_self") }
如上,點(diǎn)擊按鈕之后,會(huì)在當(dāng)前瀏覽器窗口打開百度首頁(yè)。
window.open()的默認(rèn)屬性為 _blank ,即在新窗口打開新頁(yè)面。
window.close()是用來(lái)關(guān)閉又程序打開的新窗口,直接在地址欄輸入地址打開的頁(yè)面不適用。
系統(tǒng)對(duì)話框
系統(tǒng)對(duì)話框有如下三種類型:
alert 彈出框
confirm 確認(rèn)對(duì)話框
prompt 提醒對(duì)話框,含有一個(gè)輸入框
alert
confirm
promit
輸入框內(nèi)也可以設(shè)置默認(rèn)顯示的文字,只需要寫兩個(gè)參數(shù)就行了。
Navigator 對(duì)象包含有關(guān)瀏覽器的信息Navigator 屬性
appCodeName 返回瀏覽器的代碼名 appMinorVersion 返回瀏覽器的次級(jí)版本 appName 返回瀏覽器的名稱 appVersion 返回瀏覽器的平臺(tái)和版本信息 browserLanguage 返回當(dāng)前瀏覽器的語(yǔ)言 cookieEnabled 返回知名瀏覽器中是否啟用cookie的布爾值 cpuClass 返回瀏覽器系統(tǒng)的CPU等級(jí) onLine : 返回致命系統(tǒng)是否處于脫機(jī)模式的布爾值 platform 返回運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái) userAgent 返回瀏覽器版本等信息loaction 包含有關(guān)當(dāng)前ulr的信息
loaction 屬性
hash 設(shè)置返回哈希值,以(#)開頭的字符 host 設(shè)置或返回主機(jī)名和當(dāng)前url的端口號(hào) hostname 設(shè)置或返回當(dāng)前ulr的主機(jī)名 href 設(shè)置或返回完整的url pathname 設(shè)置或返回當(dāng)前url的路徑部分 port 設(shè)置或返回當(dāng)前url的端口號(hào) protocol 設(shè)置或返回當(dāng)前的url的協(xié)議 search 設(shè)置或返回從(?)開始的url
location 方法
assign() 加載新的文檔 reload() 重新加載當(dāng)前文檔 replace() 用新的文檔替換當(dāng)前文檔screen 對(duì)象包含有關(guān)客戶端顯示屏幕的信息
screen 屬性
availHeight 返回顯示屏幕的高度 (除 Windows 任務(wù)欄之外) availWidth 返回顯示屏幕的寬度 (除 Windows 任務(wù)欄之外) bufferDepth 設(shè)置或返回調(diào)色板的比特深度。 colorDepth 返回目標(biāo)設(shè)備或緩沖器上的調(diào)色板的比特深度 deviceXDPI 返回顯示屏幕的每英寸水平點(diǎn)數(shù) deviceYDPI 返回顯示屏幕的每英寸垂直點(diǎn)數(shù)。 fontSmoothingEnabled : 返回用戶是否在顯示控制面板中啟用了字體平滑 height : 返回顯示屏幕的高度。 logicalXDPI 返回顯示屏幕每英寸的水平方向的常規(guī)點(diǎn)數(shù) logicalYDPI 返回顯示屏幕每英寸的垂直方向的常規(guī)點(diǎn)數(shù)。 pixelDepth 返回顯示屏幕的顏色分辨率(比特每像素)。 updateInterval 設(shè)置或返回屏幕的刷新率。 width 返回顯示器屏幕的寬度。history 對(duì)象包含用戶(在瀏覽器窗口中)訪問(wèn)過(guò)的 URL。
history 屬性
length 返回瀏覽器歷史列表中的 URL 數(shù)量。
history 方法
back() 加載 history 列表中的前一個(gè) URL。 forward() 加載 history 列表中的下一個(gè) URL。 go() 加載 history 列表中的某個(gè)具體頁(yè)面。
下面這段代碼也能執(zhí)行后退操作
history.go(-2)//執(zhí)行兩次后退
如果給定正值,則為前進(jìn)
document 文檔btn.onclick=function(){ var a = window.open(""); a.document.write("hello world") }
在如上代碼中,點(diǎn)擊按鈕可以在新的窗口顯示hello world。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/84824.html
摘要:小程序的布局信息微信小程序中使用作為長(zhǎng)度單位,可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。運(yùn)行環(huán)境普通都是執(zhí)行在瀏覽器的宿主環(huán)境,瀏覽器提供等對(duì)象但是小程序是運(yùn)行在微信上下文中的,沒有和。 小程序堅(jiān)持著 無(wú)需下載、觸手可及、用完即走的設(shè)計(jì)理念和價(jià)值觀,幫助用戶縮短完成任務(wù)的時(shí)間。下面從以下幾點(diǎn)進(jìn)行總結(jié)。總結(jié)是參考三清水老師的小冊(cè)子,推薦大家去購(gòu)買。寫的很棒。 1. 小程序能做什么,不能做什么? sho...
摘要:提供了與瀏覽器窗口進(jìn)行交互的對(duì)象標(biāo)簽之間不會(huì)共享。用于描述當(dāng)前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS),本著提升技術(shù)水平,打牢基礎(chǔ)知識(shí)的中心思想,我們開課啦(每周四)。 前面我們已經(jīng)基本掌握常規(guī)的語(yǔ)法語(yǔ)義,以及基...
摘要:提供了與瀏覽器窗口進(jìn)行交互的對(duì)象標(biāo)簽之間不會(huì)共享。用于描述當(dāng)前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS),本著提升技術(shù)水平,打牢基礎(chǔ)知識(shí)的中心思想,我們開課啦(每周四)。 前面我們已經(jīng)基本掌握常規(guī)的語(yǔ)法語(yǔ)義,以及基...
摘要:何時(shí)只要讓程序延遲執(zhí)行一件事時(shí)如何件事啟動(dòng)定時(shí)器讓程序等待毫秒后,自動(dòng)執(zhí)行一次,執(zhí)行后自動(dòng)停止停止定時(shí)器定時(shí)器原理定時(shí)器中的任務(wù)函數(shù),必須等待主程序所有語(yǔ)句執(zhí)行后,才能執(zhí)行。將事件監(jiān)聽對(duì)象加入到瀏覽器的監(jiān)聽隊(duì)列中。 前端知識(shí)點(diǎn)總結(jié)——BOM 1.BOM: Browser Object Model 什么是: 專門操作瀏覽器窗口的API 沒有標(biāo)準(zhǔn), 導(dǎo)致瀏覽器兼容性問(wèn)題 包括: w...
閱讀 3077·2019-08-30 15:56
閱讀 1234·2019-08-29 15:20
閱讀 1571·2019-08-29 13:19
閱讀 1473·2019-08-29 13:10
閱讀 3381·2019-08-26 18:27
閱讀 3069·2019-08-26 11:46
閱讀 2234·2019-08-26 11:45
閱讀 3753·2019-08-26 10:12