獲取瀏覽器的名稱與版本信息
在jQuery中,通過(guò)$.browser
對(duì)象可以獲取瀏覽器的名稱和版本信息,如$.browser.chrome
為true,表示當(dāng)前為Chrome瀏覽器,$.browser.mozilla
為true,表示當(dāng)前為火狐瀏覽器,還可以通過(guò)$.browser.version
方式獲取瀏覽器版本信息。
例如,調(diào)用$.browser對(duì)象,獲取瀏覽器名稱并顯示在頁(yè)面中,如下圖所示:

在瀏覽器中顯示的效果:

從圖中可以看出,通過(guò)調(diào)用$.browser
對(duì)象,檢測(cè)當(dāng)前瀏覽器的所屬類型,并根據(jù)類型不同,將瀏覽器名稱保存至變量中,最后將變量的內(nèi)容顯示在頁(yè)面中。
任務(wù)
我來(lái)試試,親自調(diào)用$.browser
對(duì)象顯示瀏覽器的名稱和對(duì)應(yīng)版本號(hào)
在下列代碼的第27行,調(diào)用$.browser
對(duì)象獲取瀏覽器的版本號(hào),并以累加的方式保存至變量中。

- ?不會(huì)了怎么辦
-
- 瀏覽器的版本信息屬于
$.browser
對(duì)象中的一個(gè)屬性,因此,先獲取$.browser
對(duì)象,再通過(guò)該對(duì)象獲取版本信息屬性version。
- “version”名稱是否書(shū)寫(xiě)正確,注意區(qū)分大小寫(xiě)。
<!DOCTYPE html>
<html>
<head>
<title>獲取瀏覽器名稱和版本號(hào)</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="http://yifanck.cn/data/jquery-1.8.2.min.js" type="text/javascript"></script>
</head>
<body>
<div id="divtest">
<div class="title">
<span class="fl">獲取瀏覽器名稱和版本號(hào)</span>
</div>
<div class="content"></div>
</div>
<script type="text/javascript">
$(function () {
var strTmp = "您的瀏覽器名稱是:";
if ($.browser.chrome) { //谷歌瀏覽器
strTmp += "Chrome";
}
if ($.browser.mozilla) { //火狐相關(guān)瀏覽器
strTmp += "Mozilla FireFox";
}
strTmp += "<br /><br /> 版本號(hào)是:" //獲取版本號(hào)
+?;
$(".content").html(strTmp);
});
</script>
</body>
</html>
#divtest
{
width: 282px;
}
#divtest .title
{
padding: 8px;
background-color: Blue;
color: #fff;
height: 23px;
line-height: 23px;
font-size: 15px;
font-weight: bold;
}
#divtest .content
{
padding: 8px;
background-color: #fff;
font-size: 13px;
}
.fl
{
float: left;
}
.fr
{
float: right;
}
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求