工具推荐

视频效率加速
立刻MV
立刻MV

低成本歌曲 MV、视频生成

Seko
Seko

AI短剧一键生成成片

Laper
Laper

剧本策划到成片协作

AniShort
AniShort

AI短剧协同制作平台

navigator对象

navigator

  • navigator对象表示浏览器的信息,最常用的属性包括:

  • navigator.appName:浏览器名称;

  • navigator.appVersion:浏览器版本;

  • navigator.language:浏览器设置的语言;

  • navigator.platform:操作系统类型;

  • navigator.userAgent:浏览器设定的User-Agent字符串。

<html>
<head>
    <script>
        'use strict';
        alert('appName = ' + navigator.appName + '\n' +
                'appVersion = ' + navigator.appVersion + '\n' +
                'language = ' + navigator.language + '\n' +
                'platform = ' + navigator.platform + '\n' +
                'userAgent = ' + navigator.userAgent);
    </script>
</head>
<body>
</body>
</html>

请注意,navigator的信息可以很容易地被用户修改,所以JavaScript读取的值不一定是正确的。很多初学者为了针对不同浏览器编写不同的代码,喜欢用if判断浏览器版本,例如:


var width;

if (getIEVersion(navigator.userAgent) < 9) {
    width = document.body.clientWidth;
} else {
    width = window.innerWidth;
}

但这样既可能判断不准确,也很难维护代码。正确的方法是充分利用JavaScript对不存在属性返回undefined的特性,直接用短路运算符||计算:

var width = window.innerWidth || document.body.clientWidth;
继续学习
||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser name"+browser); document.write("<br>"); document.write("Browser version"+b_version); </script> </head> <body> </body> </html>
提交重置代码
章节
课件
捐赠

弹指间学会JavaScript 教程

  • 评论
  • 课件下载

小天

navigator对象表示浏览器的信息

9年前      0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~