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

在瀏覽器中顯示的效果:

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

- ?不會了怎么辦
-
- 瀏覽器的版本信息屬于
$.browser
對象中的一個屬性,因此,先獲取$.browser
對象,再通過該對象獲取版本信息屬性version。
- “version”名稱是否書寫正確,注意區(qū)分大小寫。
<!DOCTYPE html>
<html>
<head>
<title>獲取瀏覽器名稱和版本號</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="http://idcbgp.cn/data/jquery-1.8.2.min.js" type="text/javascript"></script>
</head>
<body>
<div id="divtest">
<div class="title">
<span class="fl">獲取瀏覽器名稱和版本號</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 /> 版本號是:" //獲取版本號
+?;
$(".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;
}
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求