提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

一篇文章带你了解JavaScript window navigator（上篇）

浏览器 应用程序
2023-03-15 22:09:43 时间

window.navigator 对象包含有关访问者浏览器的信息。

一、Window Navigator
window.navigator 对象可以不用窗口window前缀编写（ navigator.XXXX）。

 

二、属性
1. 浏览器 Cookies
cookieEnabled 属性如果启用Cookie，则属性返回true，否则为false。

  1. <!DOCTYPE html> 
  2. <html lang="en"> 
  3. <head> 
  4. <meta charset="UTF-8"> 
  5. <title>项目</title> 
  6. </head> 
  7. <body style="background-color: aqua;"> 
  8.  
  9. <h1>Navigator 对象</h1> 
  10.  
  11. <p>cookieEnabled属性返回true 如果cookies 是 enabled:</p> 
  12.  
  13. <p id="demo"></p> 
  14.  
  15. <script> 
  16. document.getElementById("demo").innerHTML = 
  17. "navigator.cookieEnabled is " + navigator.cookieEnabled; 
  18. </script> 
  19.  
  20. </body> 
  21. </html> 

2. 浏览器应用程序名称
appName 属性返回浏览器的应用程序名称。

  1. <script> 
  2. document.getElementById("demo").innerHTML = 
  3. "navigator.appName is " + navigator.appName; 
  4. </script> 

注：

"Netscape" 是 IE11, Chrome, Firefox和Safari的应用程序名称。

3. 项目浏览器应用程序代码名称
appCodeName 属性返回浏览器的应用程序代码名。

  1. <script> 
  2.   document.getElementById("demo").innerHTML = 
  3.   "navigator.appCodeName is " + navigator.appCodeName; 
  4. </script> 

"Mozilla" 是Chrome, Firefox, IE, Safari和Opera应用程序代码名称 。

4. 浏览器引擎
产品属性返回浏览器引擎的产品名称:

  1. <script> 
  2.   document.getElementById("demo").innerHTML = 
  3.   "navigator.product is " + navigator.product; 
  4. </script> 

5. 浏览器版本
appVersion 属性返回有关浏览器的版本信息。

  1. <script> 
  2.  document.getElementById("demo").innerHTML = navigator.appVersion; 
  3. </script> 

三、总结
本文基于JavaScript基础，介绍了浏览器Cookies、浏览器应用程序名称、项目浏览器应用程序代码名称、浏览器引擎、浏览器版本等属性，针对这些属性，都做了详细的讲解。通过用丰富的案例帮助大家更好理解。

希望大家可以根据文章的内容，积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

使用JavaScript 语言，方便大家更好理解，希望对大家的学习有帮助。

相关文章