JavaScript 高级.docx
《JavaScript 高级.docx》由会员分享,可在线阅读,更多相关《JavaScript 高级.docx(21页珍藏版)》请在冰豆网上搜索。
JavaScript高级
JavaScript浏览器检测
∙PreviousPage
∙NextPage
实例
检测浏览器及版本
使用JavaScript检测关于访问者的浏览器名称及其版本。
检测浏览器的更多信息
使用JavaScript检测关于访问者浏览器的更多信息。
检测浏览器的全部信息
使用JavaScript检测关于访问者浏览器的全部信息。
根据浏览器类型提醒用户
使用JavaScript检测关于访问者的浏览器名称及其版本,然后根据这些信息生成不同内容的警告框。
浏览器检测
本教程中几乎所有的代码均可在任何支持JavaScript的浏览器中运行。
不过个别的代码无法运行于特定的浏览器,特别是老式的浏览器。
所以,有些时候对访问者的浏览器类型及版本进行检测是很有帮助的,然后可在此基础上为访问者提供合适的信息。
要做到这一点,最好的办法是使你的网页变得足够聪明,这样的话它就可以不同的方式对待不同类型的浏览器。
JavaScript包含一个名为Navigator的对象,它就可以完成上述的任务。
Navigator包含了有关访问者浏览器的信息,包括浏览器类型、版本等等。
Navigator对象
JavaScriptNavigator对象包含了有关访问者浏览器的所有信息。
接下来我们学习Navigator对象的两个属性。
appName
保存浏览器类型
appVersion
存有浏览器的版本信息(其他信息中的一项)
实例
varbrowser=navigator.appName
varb_version=navigator.appVersion
varversion=parseFloat(b_version)
document.write("Browsername:
"+browser)
document.write("
")
document.write("Browserversion:
"+version)
上面例子中的browser变量存有浏览器的名称,比如,"Netscape"或者"MicrosoftInternetExplorer"。
上面例子中的appVersion属性返回的字符串所包含的信息不止是版本号而已,但是现在我们只关注版本号。
我们使用一个名为parseFloat()的函数会抽取字符串中类似十进制数的一段字符并将之返回,这样我们就可以从字符串中抽出版本号信息了。
重要事项:
在IE5.0及以后版本中,版本号是不正确的!
在IE5.0和IE6.0中,微软为appVersion字符串赋的值是4.0。
怎么会出现这样的错误呢?
无论如何,我们需要清楚的是,JavaScript在IE6、IE5和IE4中的获得的版本号是相同的。
实例
下面的脚本会根据访问者的浏览器类型显示不同的警告。
functiondetectBrowser()
{
varbrowser=navigator.appName
varb_version=navigator.appVersion
varversion=parseFloat(b_version)
if((browser=="Netscape"||browser=="MicrosoftInternetExplorer")
&&(version>=4))
{alert("Yourbrowserisgoodenough!
")}
else
{alert("It'stimetoupgradeyourbrowser!
")}
}