📄 0083.htm
字号:
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>动态HTML和JavaScript图形阵列中的几项重要元素</strong></big></p>
<div align="right">---原作《网猴》 编译《搜狐》 （文/泰勒）</div>
如果你查看许多动态HTML页面的源代码，或使用JavaScript图形和链接阵列的网页的源程序，你就会发现许多置标符(tag)中都包含以下三项元素：NAME(名称)、ID(标识)和CLASS(类)。虽然你有能力大致猜测出这几项元素都是用于定义和说明一些样式表或服务器端脚本等信息，但实际上这三者之间的细微差别往往让不少人感到迷惑。
<br>
<br>
为了让广大读者对这三项元素有一个清楚的理解，我想借用我们Webmonkey中负责Active Movie控件的一位成员的名字打个比方。我的这位同事名字叫"Shvatz"，我和他已经是老相识了，我们曾经在同一所学校里学习，而现在又成了同事。对于我这位朋友，他的名字(NAME)曾经引发过不少笑话，很多初次遇到他的人都认为他的名字很古怪，不少人在试图把读音发准时费了很大的劲，有时我甚至需要拿出发音音位图来给每个人上一堂语音学速成课。
为了避免麻烦，很多人并不按"Shvatz"那样称呼他，特别是我们的老师，这些年长者决定给他起个新叫法，那就是"Craig Adam Schwartz"，这就是他的ID(标识)，在我这位朋友因违犯校规而受到通报批评时，上面用的就是这个写法。<br>
很有趣的是我们学校还不只一位名字叫"Shvatz"的学生，那位学生的ID标识不是"Craig Adam Schwartz"，而是"Milford
Dinglehopper"，他学习的是与我们完全不同的另一个专业，但有时因为两个"Shvatz"还会引起不小的麻烦，因为当人们谈起"Shvatz"的时候，你不得不首先搞明白他们指的是哪位"Shvatz"。
后来因为我们大家多次把这两个人搞混，我们决定想出一种区分两位"Shvatz"的方法。<br>
<br>
其实他们俩还是有很大区别的，他们的兴趣爱好都非常不同，学习的课程也不一样，他们属于不同类(CLASS)的人，因此我们想出一种方法，按类别(CLASS)的不同给两个人编号，一个叫"Shvatz
0"，另一个叫"Shvatz 1"，之所以从"0"而不是从一般情况下的"1"开始计算的原因是因为我们可都是搞计算机语言的，我们每天接触的最基础的差别符号就是"0"与"1"了。<br>
<br>
好了，这样我们终于有了区分两位"Shvatz"的最佳方法，虽然在开始阶段有些人还感到不习惯，但渐渐地越来越多的人接受了这种区分方法。这样我们这两位"Shvatz"就有了三个识别元素，熟悉他们的朋友会用他们的名称(NAME)来称呼他们，校方则会用他们的标识(ID)来登记他们在学校里所做的各种事，而大多数并不了解这两个人的校友，也就是说不清楚他们的ID或NAME的人则通过他们不同的类(CLASS)来区分二人。<br>
<br>
后来我们毕业了，加入到新型媒体--网络媒介的怀抱，整个世界已经发生了天翻地覆的变化，一切都是网络化的信息，我们编辑着冗长的HTML代码，有时我看任何事物都象是一串代码似的，而"Shvatz"对于我来说，看起来就象是一个图片置标符，在我的头脑中他就是下面这串代码：<br>
<br>
<code><img src="http://a1112.g.akamai.net/7/1112/492/02012000/<br>
static.wired.com/webmonkey/98/05/stuff/shvatz.gif" name="shvatz" id="craigAdamSchwartz"
class="counterCultureMedia"></code><br>
<br>
我的女朋友说我现在因为过于痴迷网页编程，看问题谈问题时都是按JavaScript脚本、HTML代码或层叠样式表的思路走的，但在"Shvatz"这个问题上，我则采取的是样式和行为区分法，因此如果我遇到"Shvatz"正在工作时，而想了解一下他最近是否减肥成功，那么我就会打出下面这段代码：<br>
<br>
<code>function <br>
politeConversation() { if(document.images['shvatz'].width < oldWidth)
{ document.writeln('Have you cut your hair?'); } }</code><br>
<br>
不过后来司法部向我调查是否听说过"Craig Adam Schwartz"这个人，并且要求我给与详细的描述时，我只得按下面的代码给与说明：<br>
<br>
#craigAdamSchwartz { height: 72in; <br>
<br>
width: 38in;<br>
color: gold;<br>
background-color: bisque;<br>
position: absolute;<br>
left: -190080000in;<br>
top: -6336000in;<br>
visibility: visible; } <br>
<br>
而如果司法部希望了解那位有反文化传媒倾向(这就是一种类别"CLASS")的"Shvatz"时，我会这样告诉他们：<br>
<br>
<code>.counterCultureMedia { float: left; margin: 0; page-break-after:
always; clear: none; } </code><br>
<br>
幸亏经过司法部的一番调查，发现他们实际上找错了对象，道歉一番就离开了，而我则因为向司法部人员清楚地用不同的方式解释介绍了我们的"Shvatz"，而受到了表扬。
从此，我们为了从众多叫"Shvatz"的人当中找出我们的那位朋友，最方便快捷的方法就是在"head"中列出"Shvatz"的名单，并在其后寻找与我们同属一类(CLASS)的人，这个人没跑，肯定就是我们要找的那个"Shvatz"了。这个方法的表达方式就是：<br>
<br>
<code>function whosWho()<br>
{ for(i=0; i < document.all('shvatz').length; i++)<br>
{ if(document.all('shvatz')(i).className == 'counterCultureMedia'; ourShvatz
= document.all('shvatz')(i); } } } </code><br>
<br>
好了，现在我想你已经对如何区分"Shvatz"有了清楚的了解。如果你是在Netscape 3、Netscape 4、或Internet
Explorer 4中使用JavaScript脚本谈到他时，你完全可以使用NAME(名称)来代表，只要他在其中是一幅图片、一个链接、一个窗口或是一个框架名称。如果你使用的是可支持层叠样式表的浏览器，那么你可以使用他的ID(标识)把他描述为#craigAdamSchwartz，或者你可以把同属于一类(CLASS)的成员用他们的类(CLASS)属性来进行描述。另外在Internet
Explorer 4浏览器中，你也可以使用NAME或ID这两者中的任意一种方式来说明，而不必担心其使用的是何种HTML置标符。再有，如果在你的网页中有不只一个"Shvatz"，你可以按阵列的方式罗列出所有的"Shvatz"，并采用某种方法来检查他们的各自属性类别，如CLASSNAME，这样你就可以找到相应的具体"Shvatz"了。
寻找到正确的"Shvatz"是非常重要的，在这里给你透露一点商业秘密，实际上在我们这个编辑网页的行业中，有将近一半的人员的工作就是在寻找正确的"Shvatz"。<br>
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -