📄 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 mefunction 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 + -