一篇文章带你了解JavaScript window navigator(下篇)

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

[[347488]]

 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 语言,方便大家更好理解,希望对大家的学习有帮助。

责任编辑:姜华 来源: 前端进阶学习交流
相关推荐

2023-07-21 17:14:39

JavaScript浏览器Cookies

2020-10-21 09:11:42

JavaScript

2023-07-21 17:11:59

JavaScriptappName

2020-10-27 11:24:29

avaScript m

2022-01-21 11:28:59

window浏览器JavaScript

2021-04-30 09:44:30

JavaScript 前端Window Hist

2023-06-09 15:25:39

JavaScript窗口屏幕

2023-07-14 14:56:47

JavaScriptwindow

2021-05-18 08:30:42

JavaScript 前端JavaScript时

2021-03-09 14:04:01

JavaScriptCookie数据

2021-01-26 23:46:32

JavaScript数据结构前端

2021-03-05 18:04:15

JavaScript循环代码

2024-04-19 14:23:52

SwitchJavaScript开发

2023-09-06 14:57:46

JavaScript编程语言

2023-07-30 15:18:54

JavaScript属性

2024-01-30 13:47:45

2021-06-24 09:05:08

JavaScript日期前端

2021-02-02 18:39:05

JavaScript

2020-11-10 10:48:10

JavaScript属性对象

2021-06-04 09:56:01

JavaScript 前端switch
点赞
收藏

51CTO技术栈公众号