⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 day3_3.html

📁 成为真正的网页制作的高手的话,必须了解并使用DHTML.这里提供了最好的手册和文档.
💻 HTML
字号:
🔍 
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb_2312-80">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<style type="text/css">
<!--
a:link {  color: blue; text-decoration: none}
a:visited {  color: purple; text-decoration: none}
a:hover {  color: purple; text-decoration: underline}
.unnamed1 {  font-family: "宋体"; font-size: 9pt}
-->
</style>
<style> 
<!--#menu {position: absolute;
left: 1px;top: 174px;width: 163px;height: 300px;}
-->
</style>
<style> 
<!--#content {position: absolute;
left: 175px;top: 184px;width: 435px;height: 300px;}
-->
</style>
<title>网猴：动态HTML</title>
</head>

<body bgcolor="#FFFFFF">
<div id="content" style="top: 9px; width: 552px; height: 1091px; left: 9px"> 
  <table border="0" width="539" cellspacing="0">
    <tr> 
      <td bgcolor="#ffff99" colspan="2"><font size="4" color="#000000"><strong>动态HTML教程 
        - 第三天</strong></font></td>
    </tr>
    <tr> 
      <td bgcolor="#FF6600" colspan="2"><em><font size="4"><a href="mailto:taylor@taylor.org">Taylor</a> 
        </font><font size="3">1998.3.9</font></em></td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <p><strong><font size="3" face="宋体">第三页：使其在两种浏览器中都可用</font></strong> </p>
  <p><font size="3"><font face="宋体">有很多中办法可以利用Javascript设定条件。其中办法是确<br>
定用户所使用的浏览器的类型和版本，并据此作出评估。在<br>
我的一篇<a href="http://www.webmonkey.com.cn/javascript/script_CGI.htm">文章</a>里我专门谈了这个问题。现在我还发现了更好<br>
的解决办法。 </font></font></p><font size="3">

<p><font face="宋体">浏览器类型和版本条件设定的第1个问题是浏览器的改变的<br>
问题。如果你将浏览器版本设定为Internet Explorer 4.0<br>
和Netscape 4.0，那么等5.0版的浏览器发布时你的网页会<br>
发生什么情况？或者这两种新发布的浏览器版本互相兼容，<br>
而你的脚本中都没有考虑到这些问题又会如何？ 所以根据<br>
浏览器类型和版本设定条件的方法不可行。</font></p>

</font><p><font size="3"><font face="宋体">更好的方法是根据功能设定条件。如果你读过</font></font><font size="3" face="宋体"><a href="http://www.webmonkey.com.cn/javascript/tutor/tutorial1_page1.html">Javascript<br>
教程</a></font><font size="3"><font face="宋体">，你一定知道Javascript的&quot;if&quot;语句中测试一个语句返<br>
回的是真true (<tt>1</tt>)还是假false (<tt>0</tt>)，然后它将根据返回的<br>
布尔值执行一个语句。通常情况下它被用来测试某些变量的<br>
条件，例如： </font>

<ul>
  <tt><p><font face="宋体">if (x&lt;=5) setTimeout('doSomething()', 500); </font></p></tt>
</ul>

<p><font face="宋体">但是一个对象是否存在也可以作为被测试的条件。如果某个<br>
对象存在，则返回真，否则返回假。所以为了提供一个有效<br>
的测试条件，你必须从某个特定角度来测试一个对象的代表<br>
性质以便应用动态HMTL。</font></p>

</font><p><font size="3"><font face="宋体">Netscape利用分层运行动态HTML。它的运行方式同图象数组<br>
在Navigator中的方式类似。你设定一个分层对象的数组，<br>
象对图象的引用那样设定引用方式。所以<br>
<tt>document.layers['foobar']</tt> 则是代表被相对定位或是绝对<br>
定位了的<tt>&lt;DIV&gt;</tt>的对象 (在Netscape 模式中，它必须是</font></font><font size="3" face="宋体">在你<br>
的文件<tt>NAME</tt>或<tt>ID</tt>属性为&quot;foobar&quot;</font><font size="3"><font face="宋体">的一个绝对定位或相对定位<br>
了的<tt>&lt;DIV&gt;</tt>或<tt>&lt;SPAN&gt;</tt>)。然后你就可以设定上述各种属性。你<br>
还可以用<tt>document.foobar</tt>来代表这个对象。</font></font></p><p>

<font size="3"><font face="宋体">在Internet Explorer中，则用一种水平的结构来代表对<br>
象。所以</font></font><font size="3" face="宋体"><tt>ID</tt>或<tt>NAME</tt>属性为<tt>foobar</tt></font><font size="3"><font face="宋体">的<tt>&lt;DIV&gt;</tt>就是<tt>foobar</tt>，所以<br>
你可以用<tt>foobar.style.left</tt>来访问或设定这个对象的左边<br>
的位置。还有许多种循环访问一系列对象的方法（非常<br>
有用）。在Explorer的文件对象模块（Document<br>
Object Model）中，对象可以代表所有在该对象之下的对<br>
象（object object object）。所以<tt>foobar.all</tt> 包含所有<br>
包含在foobar之下的HTML标签。无论什么时候你都可以找到<br>
一个很好的类属对象－<tt>document.all</tt>，因为所有的网页中都<br>
有一个文件（document），因此它必然有一个<tt>document.all</tt><br>
对象。<a href="day3_4.html">&gt;&gt;</a></font></font></p>


<p><font size="3" face="宋体"><strong>动态HTML教程<br>
</strong><font color="#FF0000">第一页</font> <a href="day3_1.html">动态HTML教程 - 
第三天</a><br>
<font color="#FF0000">第二页</font> <a href="day3_2.html">微软和网景不同的语法</a><br>
<font color="#FF0000">第三页</font> 使其在两种浏览器中都可用<br>
<font color="#FF0000">第四页</font> <a href="day3_4.html">脚本如何运行</a><br>
<font color="#FF0000">第五页</font> <a href="day3_5.html">访问对象的一个技巧</a><br>
<font color="#FF0000">第六页</font> <a href="day3_6.html">制作网猴们互相追赶的动画效果</a></font></p>

<p><font size="3">[<a href="day1_1.html">第1天</a>][第2天][<a href="day3_1.html">第3天</a>][<a href="day4_1.html">第4天</a>][<a href="day5_1.html">第5天</a>]</font></p>
  <font size="3"> 
  <hr>
  </font><font face="verdana, arial, geneva, sans-serif" size="2">本文由<a href="http://chd.126.com" target="_blank">《CHD的网络教室》</a>根据<a href="http://www.webmonkey.com.cn" target="_blank">《网猴》</a>相关文章改编，版权归<a href="http://www.webmonkey.com.cn" target="_blank">《网猴》</a>所有</font><font size="3"> 
  <p>&nbsp;</p>
  <!--webbot bot="Include" endspan i-checksum="63119" --> </font></div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -