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

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

[[347483]]

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

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

2023-07-21 17:11:59

JavaScriptappName

2020-10-21 09:20:03

JavaScript

2023-07-21 17:14:39

JavaScript浏览器Cookies

2020-10-27 11:08:01

JavaScript

2023-07-14 14:56:47

JavaScriptwindow

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-10-10 15:29:36

JavaScript开发

2020-11-20 08:53:35

JavaScript

2021-06-04 09:56:01

JavaScript 前端switch

2021-02-02 18:39:05

JavaScript

2020-11-10 10:48:10

JavaScript属性对象

2021-01-29 18:41:16

JavaScript函数语法

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编程语言
点赞
收藏

51CTO技术栈公众号