一篇文章帶你了解JavaScript window navigator(上篇)
window.navigator 對(duì)象包含有關(guān)訪問(wèn)者瀏覽器的信息。
一、Window Navigator
window.navigator 對(duì)象可以不用窗口window前綴編寫( navigator.XXXX)。
二、屬性
1. 瀏覽器 Cookies
cookieEnabled 屬性如果啟用Cookie,則屬性返回true,否則為false。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項(xiàng)目</title>
</head>
<body style="background-color: aqua;">
<h1>Navigator 對(duì)象</h1>
<p>cookieEnabled屬性返回true 如果cookies 是 enabled:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.cookieEnabled is " + navigator.cookieEnabled;
</script>
</body>
</html>
2. 瀏覽器應(yīng)用程序名稱
appName 屬性返回瀏覽器的應(yīng)用程序名稱。
<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>
注:
"Netscape" 是 IE11, Chrome, Firefox和Safari的應(yīng)用程序名稱。
3. 項(xiàng)目瀏覽器應(yīng)用程序代碼名稱
appCodeName 屬性返回瀏覽器的應(yīng)用程序代碼名。
<script>
document.getElementById("demo").innerHTML =
"navigator.appCodeName is " + navigator.appCodeName;
</script>
"Mozilla" 是Chrome, Firefox, IE, Safari和Opera應(yīng)用程序代碼名稱 。
4. 瀏覽器引擎
產(chǎn)品屬性返回瀏覽器引擎的產(chǎn)品名稱:
<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>
5. 瀏覽器版本
appVersion 屬性返回有關(guān)瀏覽器的版本信息。
<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>
三、總結(jié)
本文基于JavaScript基礎(chǔ),介紹了瀏覽器Cookies、瀏覽器應(yīng)用程序名稱、項(xiàng)目瀏覽器應(yīng)用程序代碼名稱、瀏覽器引擎、瀏覽器版本等屬性,針對(duì)這些屬性,都做了詳細(xì)的講解。通過(guò)用豐富的案例幫助大家更好理解。
希望大家可以根據(jù)文章的內(nèi)容,積極嘗試,有時(shí)候看到別人實(shí)現(xiàn)起來(lái)很簡(jiǎn)單,但是到自己動(dòng)手實(shí)現(xiàn)的時(shí)候,總會(huì)有各種各樣的問(wèn)題,切勿眼高手低,勤動(dòng)手,才可以理解的更加深刻。