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

zl程序教程

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

当前栏目

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

浏览器
2023-03-15 22:09:42 时间

 window.navigator 对象包含有关访问者浏览器的信息。上篇文章介绍了浏览器Cookies、浏览器应用程序名称、项目浏览器应用程序代码名称、浏览器引擎、浏览器版本等属性，这篇文章继续介绍其他的属性

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

 

二、属性
6. 浏览器代理
userAgent 属性返回浏览器向服务器发送的用户代理标头。

  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>The Navigator Object</h1> 
  10.  
  11. <p>The userAgent property returns the user-agent header sent by the browser to the server:</p> 
  12.  
  13. <p id="demo"></p> 
  14.  
  15. <script> 
  16. document.getElementById("demo").innerHTML = 
  17. navigator.userAgent; 
  18. </script> 
  19.  
  20. </body> 
  21. </html> 

注意：

来自导航对象的信息通常是误导性的，不应该用于检测浏览器版本。

不同的浏览器可以使用相同的名称。

导航器数据可以由浏览器所有者更改。

一些浏览器错认自己绕过现场试验。

浏览器无法报告比浏览器晚发布的新操作系统。

7. 浏览器平台
platform 属性返回浏览器平台（操作系统）。

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

8.浏览器的语言
language 属性返回浏览器的语言。

  1. <p id="demo"></p> 
  2.  
  3. <script> 
  4. document.getElementById("demo").innerHTML = navigator.language; 
  5. </script> 

9. 浏览器是否在线？
onLine 如果浏览器在线，属性返回true。

  1. <!DOCTYPE html> 
  2. <html> 
  3.   <title>项目</title> 
  4.  
  5.   <body style="background-color: aqua;"> 
  6.  
  7.     <p>单击按钮以查看浏览器是否在线:</p> 
  8.  
  9.     <button onclick="myFunc()">点我试试</button> 
  10.  
  11.     <p id="output"></p> 
  12.  
  13.     <script> 
  14.       function myFunc() { 
  15.         var x = navigator.onLine; 
  16.         document.querySelector("#output").innerHTML = x; 
  17.       } 
  18. </script> 
  19.  
  20.   </body> 
  21. </html> 

10. 浏览器是否启用java?
javaEnabled() 方法返回true如果java启用。

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

三、总结
本文基于JavaScript基础，介绍了浏览器代理、浏览器平台、浏览器的语言、浏览器是否在线、浏览器是否启用java等属性，针对这些属性，都做了详细的讲解。通过用丰富的案例帮助大家更好理解。

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

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

相关文章