📄 day3_8.html
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312-80">
<style type="text/css">
<!--
a:link { color: blue; text-decoration: none}
a:visited { color: purple; text-decoration: none}
a:hover { color: #CC0033; text-decoration: underline}
-->
</style>
<title>JavaScript高级教程</title>
<script language="JavaScript">
<!-- hide me
function browserSizeUp()
{
var browser = navigator.appName;
var version = versionNumber();
var the_string = browser + " " + version;
if ((browser == "Netscape" || browser == "Microsoft Internet Explorer") &&
(version >= 4))
{
alert("The doctor says: " + the_string + "? Now that's a beautiful browser!");
} else {
alert("The doctor says: " + the_string + ", Hmm. Maybe it's time to upgrade.");
}
}
function versionNumber() {
// return version number (e.g., 4.03)
return parseFloat(navigator.appVersion)
}
// show me -->
</script>
</head>
<body topmargin="1" leftmargin="2">
<table border="0" width="591" cellspacing="0">
<tr>
<td bgcolor="#ffff99" width="451">JavaScript高级教程 - 第三课</td>
</tr>
<tr>
<td bgcolor="#FF6600" width="451"><a href="mailto:thau@wired.com">Thau</a></td>
</tr>
</table>
<div align="left">
<table border="0" width="630" cellspacing="0">
<tr>
<td width="458" valign="top" align="left" rowspan="2"><small><small><br>
</small></small><strong>第八页：<font size="3" face="宋体">如何识别用户的浏览器</font></strong>
<p><font size="2"></font><font size="3"><font face="宋体">每种浏览器除了有Document（文件）对象之外还有<br>
Navigator对象，Navigator有两个属性包含着你所使用的浏览<br>
器类型的所有信息：<tt>appName</tt> and <tt>appVersion</tt>. </font></font></p>
<font size="3">
<p><font face="宋体">appName是浏览器的类型，如果你用的是Netscape的某种版本，<br>
你的Javascript中可以加入这样一行：<br>
var the_browser_name = navigator.appName;<br>
<br>
则<tt>the_browser_name</tt>的值是 "Netscape"。对于 MSIE，<br>
则<tt>the_browser_name</tt>是"Microsoft Internet Explorer" 。所以<br>
如果你想知道某人用的何种浏览器就可以用<tt>appName</tt>。 </font></p>
<p><font face="宋体"><tt>appVersion</tt>是浏览器的版本.其显示信息例子:"4.03 [en]
<br>
(Win95; I)"。意思是Netscape version 4.03, English <br>
International, for Win95/NT。将版本号从中提取出来的办法<br>
很简单：只需抓取第1个数字即可。最快捷的办法就是使用函<br>
数<tt>parseFloat()</tt>，它将字符串中第1个数字符号提取出来并返回<br>
数值：<br>
<br>
var the_browser_version = navigator.appVersion;<br>
var the_version_number = parseFloat(the_browser_version);<br>
<br>
</font>除了版本号之外<font face="宋体"><tt>appVersion</tt></font>别的信息<font face="宋体">都不是很确切。不同的浏<br>
览器可能会在该字符串中加入各种希奇古怪的东西。 </font></p>
<p><font face="宋体">现在我们利用以上获得的信息作一些有用的事。点击下面的按<br>
钮你会看到Navigator最直观的用途。 </font></p>
<form>
<p><font face="宋体">
<input type="button" value="The browser doctor says:" onClick="browserSizeUp();">
</font></p>
</form>
<p><font face="宋体">以下是用到的两个函数。点按钮调用<tt>browserSizeUp()</tt>:</font></p>
</font>
<p><font face="宋体"><br>
function browserSizeUp()<br>
{<br>
var browser = navigator.appName;<br>
var version = versionNumber();<br>
var the_string = browser + " " + version;<br>
<br>
if ((browser == "Netscape" || browser == "Microsoft
Internet Explorer") &&<br>
(version >= 4)) <br>
<br>
{<br>
alert("The browser doctor says: " + the_string + "?
Now that's a beautiful browser!");<br>
} else {<br>
alert("The browser doctor says: " + the_string + ", Hmm.
Maybe it's time to upgrade.");<br>
}<br>
}<br>
<br>
<br>
function versionNumber() {<br>
// return version number (e.g., 4.03)<br>
return parseFloat(navigator.appVersion)<br>
}<br>
<br>
</font></p>
<p><font size="3"><font face="宋体">会发生什么呢？如果我们检测到的用户的浏览器版本大于4，则<br>
显示一个提示框，否则就显示另外的提示框。在实际的应用中<br>
你常常需要用到<tt>document.writeln()</tt> 生成适应不同浏览器的<br>
HTML。</font></font></p>
<font size="3">
<p><font face="宋体">用户所看到的页面内容取决于它所使用的浏览器，浏览器的<br>
版本。随着浏览器版本不断增多，又分别应用于不同的操作<br>
平台，你要想浏览器的变化随时保持同步的困难不断加大。 </font></p>
<p><font face="宋体">所幸的是还有一种办法可以避免这个问题。<a href="day3_9.html">>></a></font></p>
</font>
<p><font face="宋体" size="3" color="#000000"><strong>JavaScript高级教程</strong></font><font color="#FF0000" face="宋体" size="3"><br>
</font><font face="宋体"><font color="#FF0000">第一页</font> <a href="day3_8.html">Javascript高级教程
- 第三课</a><br>
<font size="3"><font color="#FF0000">第二页</font> <a href="day3_2.html">如何给事件定时</a><br>
<font color="#FF0000">第三页</font> <a href="day3_3.html">定时循环的概念</a><br>
<font color="#FF0000">第四页</font> <a href="day3_4.html">定时循环的做法</a><br>
<font color="#FF0000">第五页</font> <a href="day3_5.html">一个Javascript编写的时钟</a><br>
<font color="#FF0000">第六页</font> <a href="day3_6.html">给定时器加入变量</a><br>
<font color="#FF0000">第七页</font> <a href="day3_7.html">识别用户的浏览器</a><br>
<font color="#FF0000">第八页</font> 如何识别用户的浏览器<br>
<font color="#FF0000">第九页</font> <a href="day3_9.html">对象和方法的识别</a><br>
<font color="#FF0000">第十页</font> <a href="day3_10.html">History对象</a></font></font></p>
<p>[<a href="day1_1.html">第1课</a>][<a href="day2_1.html">第2课</a>][第3课]<font size="3">[<a href="day4_1.html">第4课</a>][<a href="day5_1.html">第5课</a>]</font></p>
<hr align="left">
<!--webbot bot="Include" U-Include="../../copyright.html" TAG="BODY" startspan -->
<p><font face="verdana, arial, geneva, sans-serif" size="2"><a href="http://phtshop.yeah.net" target="_top">本文根据
网猴 相关文章改编，版权归原作者所有。</a> </font><font color="#000000"><span class="smallfont"></span></font></p>
<!--webbot bot="Include" endspan i-checksum="15926" --> </td>
</tr>
<tr> </tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -