成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

Navigator 對(duì)象，Screen 對(duì)象

kgbook / 698人閱讀

摘要：得到用戶的當(dāng)前位置監(jiān)聽用戶位置變化取消方法指定的監(jiān)聽函數(shù)注意，調(diào)用這三個(gè)方法時(shí)，瀏覽器會(huì)跳出一個(gè)對(duì)話框，要求用戶給予授權(quán)屬性返回一個(gè)布爾值，表示瀏覽器的功能是否打開。對(duì)象的方法方法返回一個(gè)布爾值，表示瀏覽器是否能運(yùn)行小程序。

Navigator 對(duì)象，Screen 對(duì)象

window.navigator屬性指向一個(gè)包含瀏覽器和系統(tǒng)信息的 Navigator 對(duì)象。腳本通過這個(gè)屬性了解用戶的環(huán)境信息。

1.Navigator 對(duì)象的屬性 1.1.Navigator.userAgent 1.2.Navigator.plugins 1.3.Navigator.platform 1.4Navigator.onLine 1.5Navigator.language，#1.6Navigator.languages 1.7Navigator.geolocation 1.8Navigator.cookieEnabled 2Navigator 對(duì)象的方法 2.1Navigator.javaEnabled() 2.2Navigator.sendBeacon() 3Screen 對(duì)象 1.Navigator 對(duì)象的屬性 1.1.Navigator.userAgent

navigator.userAgent屬性返回瀏覽器的 User Agent 字符串，表示瀏覽器的廠商和版本信息。

下面是 Chrome 瀏覽器的userAgent。

navigator.userAgent
// "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.57 Safari/537.36"

通過userAgent可以大致準(zhǔn)確地識(shí)別手機(jī)瀏覽器，方法就是測(cè)試是否包含mobi字符串。

var ua = navigator.userAgent.toLowerCase();

if (/mobi/i.test(ua)) {
// 手機(jī)瀏覽器
} else {
// 非手機(jī)瀏覽器
}
如果想要識(shí)別所有移動(dòng)設(shè)備的瀏覽器，可以測(cè)試更多的特征字符串。

/mobi|android|touch|mini/i.test(ua)

1.2.Navigator.plugins

返回一個(gè)類似數(shù)組的對(duì)象，成員是 Plugin 實(shí)例對(duì)象，表示瀏覽器安裝的插件

1.3.Navigator.platform

Navigator.platform屬性返回用戶的操作系統(tǒng)信息，比如MacIntel、Win32、Linux x86_64等 。

navigator.platform
// "Linux x86_64"

1.4Navigator.onLine

是否在線，有無網(wǎng)絡(luò)，返回真用戶變成在線會(huì)觸發(fā)

online事件，變成離線會(huì)觸發(fā)offline事件，可以通過window.ononline和window.onoffline指定這兩個(gè)事件的回調(diào)函數(shù)。

window.addEventListener("offline", function(e) { console.log("offline"); });
window.addEventListener("online", function(e) { console.log("online"); });假

1.5Navigator.language，Navigator.languages

Navigator.language屬性返回一個(gè)字符串，表示瀏覽器的首選語言。該屬性只讀。

navigator.language // "en"
Navigator.languages屬性返回一個(gè)數(shù)組，表示用戶可以接受的語言。

如果這個(gè)屬性發(fā)生變化，就會(huì)在window對(duì)象上觸發(fā)languagechange事件

1.7Navigator.geolocation

Navigator.geolocation屬性返回一個(gè) Geolocation 對(duì)象，包含用戶地理位置的信息

Geolocation 對(duì)象提供下面三個(gè)方法。

Geolocation.getCurrentPosition()：得到用戶的當(dāng)前位置
Geolocation.watchPosition()：監(jiān)聽用戶位置變化
Geolocation.clearWatch()：取消watchPosition()方法指定的監(jiān)聽函數(shù)
注意，調(diào)用這三個(gè)方法時(shí)，瀏覽器會(huì)跳出一個(gè)對(duì)話框，要求用戶給予授權(quán)

1.8Navigator.cookieEnabled

Navigator.cookieEnabled屬性返回一個(gè)布爾值，表示瀏覽器的 Cookie 功能是否打開。

navigator.cookieEnabled // true
注意，這個(gè)屬性反映的是瀏覽器總的特性，與是否儲(chǔ)存某個(gè)具體的網(wǎng)站的 Cookie 無關(guān)。用戶可以設(shè)置某個(gè)網(wǎng)站不得儲(chǔ)存 Cookie，這時(shí)cookieEnabled返回的還是true。

2Navigator 對(duì)象的方法 2.1Navigator.javaEnabled()

Navigator.javaEnabled()方法返回一個(gè)布爾值，表示瀏覽器是否能運(yùn)行 Java Applet 小程序。

navigator.javaEnabled() // false

2.2Navigator.sendBeacon()

Navigator.sendBeacon()方法用于向服務(wù)器異步發(fā)送數(shù)據(jù)

3Screen 對(duì)象

Screen 對(duì)象表示當(dāng)前窗口所在的屏幕，提供顯示設(shè)備的信息。window.screen屬性指向這個(gè)對(duì)象。

該對(duì)象有下面的屬性。

Screen.height：瀏覽器窗口所在的屏幕的高度（單位像素）。除非調(diào)整顯示器的分辨率，否則這個(gè)值可以看作常量，不會(huì)發(fā)生變化。顯示器的分辨率與瀏覽器設(shè)置無關(guān)，縮放網(wǎng)頁(yè)并不會(huì)改變分辨率。
Screen.width：瀏覽器窗口所在的屏幕的寬度（單位像素）。
Screen.availHeight：瀏覽器窗口可用的屏幕高度（單位像素）。因?yàn)椴糠挚臻g可能不可用，比如系統(tǒng)的任務(wù)欄或者 Mac 系統(tǒng)屏幕底部的 Dock 區(qū)，這個(gè)屬性等于height減去那些被系統(tǒng)組件的高度。
Screen.availWidth：瀏覽器窗口可用的屏幕寬度（單位像素）。
Screen.pixelDepth：整數(shù)，表示屏幕的色彩位數(shù)，比如24表示屏幕提供24位色彩。
Screen.colorDepth：Screen.pixelDepth的別名。嚴(yán)格地說，colorDepth 表示應(yīng)用程序的顏色深度，pixelDepth 表示屏幕的顏色深度，絕大多數(shù)情況下，它們都是同一件事。
Screen.orientation：返回一個(gè)對(duì)象，表示屏幕的方向。該對(duì)象的type屬性是一個(gè)字符串，表示屏幕的具體方向，landscape-primary表示橫放，landscape-secondary表示顛倒的橫放，portrait-primary表示豎放，portrait-secondary

下面是根據(jù)屏幕的寬度，將用戶導(dǎo)向不同網(wǎng)頁(yè)的代碼。

if ((screen.width <= 800) && (screen.height <= 600)) {
window.location.replace("small.html");
} else {
window.location.replace("wide.html");
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/106112.html

相關(guān)文章

  • 簡(jiǎn)簡(jiǎn)單單認(rèn)識(shí)js里的Bom對(duì)象

    摘要：里面的對(duì)象是什么是瀏覽器對(duì)象，全拼為都有什么對(duì)象是中的頂級(jí)對(duì)象，所有定義在全局作用域中的變量函數(shù)都會(huì)變成對(duì)象的屬性和方法，在調(diào)用的時(shí)候可以省略。 js里面的Bom對(duì)象 showImg(https://segmentfault.com/img/remote/1460000010691602); Bom是什么？ Bom是瀏覽器對(duì)象，全拼為Browser Object Model Bom都有...

    CoffeX 評(píng)論0 收藏0

  • bom基礎(chǔ)

    摘要：里面的對(duì)象什么是是瀏覽器對(duì)象，全拼為瀏覽器對(duì)象模型是的縮寫，簡(jiǎn)稱瀏覽器對(duì)象模型提供了獨(dú)立于內(nèi)容而與瀏覽器窗口進(jìn)行交互的對(duì)象由于主要用于管理窗口與窗口之間的通訊，因此其核心對(duì)象是由一系列相關(guān)的對(duì)象構(gòu)成，并且每個(gè)對(duì)象都提供了很多方法與屬性缺乏標(biāo) js里面的Bom對(duì)象 什么是Bom Bom是瀏覽器對(duì)象，全拼為（Browser Object Model）瀏覽器對(duì)象模型 BOM是browser...

    shusen 評(píng)論0 收藏0

  • 學(xué)習(xí)BOM

    摘要：學(xué)前端要學(xué)學(xué)習(xí)要學(xué)我們現(xiàn)在來學(xué)習(xí)是瀏覽器對(duì)象模型窗口導(dǎo)航窗口對(duì)象是中的頂級(jí)對(duì)象，所有定義在全局作用域中的變量函數(shù)都會(huì)變成對(duì)象的屬性和方法，在調(diào)用的時(shí)候可以省略。我們?cè)诳刂婆_(tái)打印，控制臺(tái)會(huì)輸出很多屬性，事實(shí)上，，，，，這幾個(gè)屬性也是下的屬性。 BOM 學(xué)前端要學(xué)css html javascript 學(xué)習(xí)javascript要學(xué) ecmascript(es3,es5,es6,es7) d...

    xuweijian 評(píng)論0 收藏0

  • javascript bom

    摘要：包含是瀏覽器對(duì)象，全拼為包含什么包含以下打開窗口要打開的地址新窗口的位置默認(rèn)鏈接到新頁(yè)面關(guān)閉窗口只能關(guān)閉從網(wǎng)頁(yè)中打開的頁(yè)面系統(tǒng)對(duì)話框系統(tǒng)彈窗確認(rèn)取消彈窗彈出能輸入文本的對(duì)話框定時(shí)器定時(shí)器清除間接同上對(duì)象包含大量有關(guān)瀏覽器的信息，在檢測(cè)瀏 javascript包含（ecmascriptes3,5,6）bom dom Bom是瀏覽器對(duì)象，全拼為Browser Object Model Bo...

    venmos 評(píng)論0 收藏0

  • javascript bom

    摘要：包含是瀏覽器對(duì)象，全拼為包含什么包含以下打開窗口要打開的地址新窗口的位置默認(rèn)鏈接到新頁(yè)面關(guān)閉窗口只能關(guān)閉從網(wǎng)頁(yè)中打開的頁(yè)面系統(tǒng)對(duì)話框系統(tǒng)彈窗確認(rèn)取消彈窗彈出能輸入文本的對(duì)話框定時(shí)器定時(shí)器清除間接同上對(duì)象包含大量有關(guān)瀏覽器的信息，在檢測(cè)瀏 javascript包含（ecmascriptes3,5,6）bom dom Bom是瀏覽器對(duì)象，全拼為Browser Object Model Bo...

    zhangke3016 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<