回复“前端”即可获赠前端相关学习资料 window.navigator 对象包含有关访问者浏览器的信息。 一、Window Navigatorwindow.navigator 对象可以不用窗口window前缀编写( navigator.XXXX)。 二、属性1. 浏览器 CookiescookieEnabled 属性如果启用Cookie,则属性返回true,否则为false。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;">
<h1>Navigator 对象</h1>
<p>cookieEnabled属性返回true 如果cookies 是 enabled:</p>
<p id="demo"></p>
<script> document.getElementById("demo").innerHTML = "navigator.cookieEnabled is " + navigator.cookieEnabled; </script>
</body> </html>
![](http://image109.360doc.com/DownloadImg/2023/02/1017/260432755_1_20230210050646133_wm.png)
2. 浏览器应用程序名称appName 属性返回浏览器的应用程序名称。 <script> document.getElementById("demo").innerHTML = "navigator.appName is " + navigator.appName; </script>
![](http://image109.360doc.com/DownloadImg/2023/02/1017/260432755_2_20230210050646333_wm.png)
注:
"Netscape" 是 IE11, Chrome, Firefox和Safari的应用程序名称。 3. 项目浏览器应用程序代码名称appCodeName 属性返回浏览器的应用程序代码名。 <script> document.getElementById("demo").innerHTML = "navigator.appCodeName is " + navigator.appCodeName; </script>
![](http://image109.360doc.com/DownloadImg/2023/02/1017/260432755_3_20230210050646572_wm.png)
"Mozilla" 是Chrome, Firefox, IE, Safari和Opera应用程序代码名称 。
4. 浏览器引擎产品属性返回浏览器引擎的产品名称: <script> document.getElementById("demo").innerHTML = "navigator.product is " + navigator.product; </script>
![](http://image109.360doc.com/DownloadImg/2023/02/1017/260432755_4_20230210050646802_wm.png)
5. 浏览器版本
appVersion 属性返回有关浏览器的版本信息。 <script> document.getElementById("demo").innerHTML = navigator.appVersion; </script>
![](http://image109.360doc.com/DownloadImg/2023/02/1017/260432755_5_202302100506475_wm.png)
三、总结本文基于JavaScript基础,介绍了浏览器Cookies、浏览器应用程序名称、项目浏览器应用程序代码名称、浏览器引擎、浏览器版本等属性,针对这些属性,都做了详细的讲解。通过用丰富的案例帮助大家更好理解。 希望大家可以根据文章的内容,积极尝试,有时候看到别人实现起来很简单,但是到自己动手实现的时候,总会有各种各样的问题,切勿眼高手低,勤动手,才可以理解的更加深刻。 使用JavaScript 语言,方便大家更好理解,希望对大家的学习有帮助。 ------------------- End -------------------
|