【JS窗口导航器navigator –
JavaScript教程】上一章JavaScript教程请查看:JS窗口历史对象history
在本教程中,你将了解JavaScript窗口导航器对象。
Navigator对象窗口的navigator属性(即window.navigator)是对navigator对象的引用;它是一个只读属性,包含有关用户浏览器的信息。
由于窗口是一个全局对象,并且它位于范围链的顶部,所以窗口对象的window.navigator属性可以在没有window.前綴的情况下访问,例如window.navigator.language可以写成navigator.language。
下面的部分将向你展示如何获取有关用户浏览器的各种信息。
检测浏览器是在线还是离线你可以使用navigator.onLine属性以检测浏览器(或应用程序)是联机还是脱机,此属性返回一个布尔值,“在线”表示true,“离线”表示false。
<
script>
function checkConnectionStatus() {
if(navigator.onLine) {
alert("应用程序是在线的.");
} else {
alert("应用程序是离线的.");
}
}
<
/script>
<
button type="button" onclick="checkConnectionStatus();
">检查连接状态<
/button>
当连接建立或丢失时,浏览器将触发联机和脱机事件,你可以将处理程序函数附加到这些事件,以便为在线和离线场景定制应用程序。
让我们看看下面的JavaScript代码,看看它是如何工作的:
<
script>
function goOnline() {
// 当应用程序上线时要执行的操作
alert("我们回来了!");
}function goOffline() {
// 应用程序离线时要执行的操作
alert("嘿,看起来你离线了.");
}// 为在线事件附加事件处理程序
window.addEventListener("online", goOnline);
// 为脱机事件附加事件处理程序
window.addEventListener("offline", goOffline);
<
/script><
p>切换你的互联网连接,看看它是如何工作.<
/p>
上面示例中的goOffline()函数将在连接脱机时由浏览器自动调用,而goOnline()函数将在连接状态变为联机时由浏览器自动调用。
检查cookie是否已启用你可以使用导航器。检查cookies是否在用户的浏览器中启用。如果启用cookie,此属性将返回一个布尔值true,如果不启用cookie,则返回false。
<
script>
function checkCookieEnabled() {
if(navigator.cookieEnabled) {
alert("Cookies已在浏览器中启用");
} else {
alert("Cookies在您的浏览器中被禁用");
}
}
<
/script>
<
button type="button" onclick="checkCookieEnabled();
">检查Cookies是否启用<
/button>
提示: 你应该使用 navigator.cookieEnabled,在JavaScript代码中创建或使用cookie之前,确定cookie是否已启用。
检测浏览器语言你可以使用导航器,语言属性检测浏览器UI的语言。
此属性返回表示语言的字符串,例如“en”,“en – us”等。
<
script>
function checkLanguage() {
alert("浏览器的UI语言是: " + navigator.language);
}
<
/script>
<
button type="button" onclick="checkLanguage();
">检查语言<
/button>
获取浏览器名称和版本信息Navigator对象有五个主要属性,它们提供关于用户浏览器的名称和版本信息。以下列表提供了这些属性的简要概述:
- appName – 返回浏览器的名称。在任何浏览器中,它总是返回“Netscape”。
- appVersion – 返回浏览器的版本号和其他信息。
- appCodeName,返回浏览器的代码名。它返回所有浏览器的“Mozilla”。
- userAgent——返回当前浏览器的用户代理字符串。此属性通常包含appName和appVersion中的所有信息。
- platform – 返回运行浏览器的平台(例如“Win32”、“WebTV OS”等)
<
script>
function getBrowserInformation() {
var info = "\n App Name: " + navigator.appName;
info += "\n App Version: " + navigator.appVersion;
info += "\n App Code Name: " + navigator.appCodeName;
info += "\n User Agent: " + navigator.userAgent;
info += "\n Platform: " + navigator.platform;
alert("这是与你的浏览器相关的信息: " + info);
}
<
/script>
<
button type="button" onclick="getBrowserInformation();
">获取浏览器信息<
/button>
检查浏览器是否启用了Java你可以使用javaEnabled()方法来检查当前浏览器是否启用了java。
此方法仅指示控制Java的首选项是打开还是关闭,而不显示浏览器是否提供Java支持或Java是否安装在用户的系统上。
<
script>
function checkJavaEnabled() {
if(navigator.javaEnabled()) {
alert("你的浏览器启用了Java.");
} else {
alert("你的浏览器没有启用Java");
}
}
<
/script>
<
button type="button" onclick="checkJavaEnabled();
">检查Java是否启用<
/button>
推荐阅读
- JS窗口历史对象history – JavaScript教程
- JS窗口位置对象location – JavaScript教程
- JS屏幕对象screen – JavaScript教程
- JS窗口对象window – JavaScript教程
- JS DOM节点导航 – JavaScript教程
- JS DOM操作 – JavaScript教程
- JS获取和设置DOM属性 – JavaScript教程
- JS DOM样式 – JavaScript教程
- JS DOM选择器 – JavaScript教程