📄 day3_1.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="left: 8px; top: 11px"><font size="3"> </font>
<table border="0" width="600" 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>
<font size="3">
<p> </p>
<p><strong><font face="宋体">第一页：动态HTML教程第三天</font></strong></p>
<p><font face="宋体">今天我们将开始学习动态HTML最精彩的部分：动态HTML<br>
编程。HTM之所以成功的原因之一在于它提供了在互联网上<br>
展现网页的统一方式。一旦你标识了一个网页，它在任何地<br>
方都可以看到。Javascript也是如此。及时它的版本会有很<br>
多种，但它的核心和语法是统一的，它在支持Javascript的<br>
所有浏览器中都可以应用。CSS也具有统一的语法。在所有<br>
的浏览器中它的显示结果也应该是一致的。所以它能帮助你<br>
生成跨平台风格一致的动态网页。</font></p>
<p><font face="宋体">但是，还有一些小问题。</font></p>
<p><font face="宋体">在1997中期时，Netscape和Microsoft都推出了自己的动<br>
态HTML浏览器，但那时没有一种规范编程语言同网页元素之<br>
间的交流的统一规定。但是在那时已经有了JavaScript同网<br>
页中的图象、链接和表单元素进行交流的规范。然而这两家<br>
公司对于如何控制网页元素存在不同的见解。 </font></p>
</font>
<p><font size="3"><font face="宋体">Netscape对JavaScript加入了一系列的对象，并引入<br>
了<tt><LAYER></tt>标签，伴随产生的便是它的dHTML 理念：－或者<br>
采用<tt><LAYER></tt>标签</font></font><font face="宋体" size="3">分层的内容</font><font size="3"><font face="宋体">分层，或者<tt><DIV></tt>标签的CSS<br>
定位，它们可以用Javascript的对象访问，而且它的属<br>
性(left, top, visibility,和background color)可以被<br>
控制。 </font></font></p><font size="3">
<p><font face="宋体">但是微软走得更深入一些。它推出了全新的HTML生成引擎，<br>
它不仅能定位任何元素，还能改变对CSS设置的任何选<br>
项。（例如，你可以改变字体或你的<tt>EM</tt>标签) ，而且，它还<br>
完善了文件对象模块（Document Object Model），使其能<br>
通过任何IE支持的编程或脚本语言访问。 </font></p>
<p><font face="宋体">这两种体制之间的明显区别在于其语法。Netscape
支持树<br>
形语法： </font></p>
</font>
<p><tt><font face="宋体">document.layers['topLayer'].document.layers['subLayer'].document.layers['bottom'].left
</font></tt></p>
<p><font face="宋体">而Internet Explorer将所有的HTML对象都放在一个水平结<br>
构上，使你可以修改也是对象： </font>
<ul>
<tt><p><font face="宋体">bottom.style.left </font></p></tt>
</ul>
<p><font face="宋体">如果你在这种浏览器中使用了另一种浏览器支持的方法，则<br>
浏览器会显示错误信息。但是还有许多技术可以对这种不兼<br>
容性作出变通处理。一旦你掌握了其中的诀窍，你就可以左<br>
右逢源，无所不能。本课中将学习如何利用最少量的条件访<br>
问文件对象模块DOM，然后我们将介绍一个将对象在屏幕中<br>
移动的简单Javascript脚本。<a href="day3_2.html">>></a></font></p>
<p><font face="宋体" size="3"><strong>动态HTML教程<br>
</strong><font color="#FF0000">第一页</font> 动态HTML教程 - 第三天<br>
<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">访问对象的一个技巧</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>][<a href="day2_1.html">第2天</a>][第3天][<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> </p>
<!--webbot bot="Include" endspan i-checksum="63119" --> </font></div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -