📄 tutorial3_page1.html
字号:
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>HTML园地-JavaScript 教程</title>
<meta NAME="keywords"
CONTENT="javascript, hotwired, webmonkey, javascript, javascript tutorial, thau, dave thau, developer resource, developer, development, web
development, design, code, geek, warez, free, new, latest, news, tools,
info, tutorials, how-to, builder, web builder, pag">
<meta NAME="description"
CONTENT="Thau's JavaScript Tutorial: Day 1: Not only does Thau give the JavaScript skinny, but he'll have you writing your first script by the end of the day.">
<meta NAME="Template" CONTENT="E:\LIZEJUN\OFFICE\html.dot">
</head>
<body TEXT="#000000" LINK="#0000ff" VLINK="#800080" BGCOLOR="#ffffff">
<table CELLSPACING="0" BORDER="0" CELLPADDING="3" WIDTH="612">
<tr>
<td WIDTH="60%" VALIGN="MIDDLE"><b><font FACE="宋体" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000">JavaScript </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000">教程－第</font><font FACE="宋体" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000">3</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="4" COLOR="#ff0000">日</font></b><font
FACE="System,黑体" LANG="ZH-CN"><br>
<!-- BYLINE --> </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">作者：</font><a
HREF="mailto:thau@wired.com"><font FACE="宋体" LANG="ZH-CN" SIZE="2">Thau!</font></a><font
FACE="宋体" LANG="ZH-CN"> <!-- SEE ALSO LINKS --></font></td>
</tr>
<tr>
<td WIDTH="60%" VALIGN="TOP" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2"> <p>在前面的课程中，我们学习了</font><font FACE="宋体" LANG="ZH-CN"
SIZE="2">: <ul>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">
<li>如何把</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">JavaScript </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">加到你的</font><font SIZE="2"> </font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">HTML</font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">页中。</font><font SIZE="2"> </li>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">
<li>如何用对话框和变量来存储并利用用户<br>
输入。</font><font SIZE="2"> </li>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">
<li>如何用</font><font SIZE="2"> </font><font FACE="宋体" LANG="ZH-CN" SIZE="2">JavaScript
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">写</font><font FACE="宋体"
LANG="ZH-CN" SIZE="2">HTML</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2"> </li>
</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">
<li>JavaScript</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">如何用</font><font
SIZE="2"> </font><tt>if-then</tt><font FACE="宋体" LANG="ZH-CN" SIZE="2"> </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">语句作出<br>
选择。</font><font SIZE="2"> </li>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">
<li>如何使用链接事件制作依据用户行动而<br>
反应的网页。</font><font SIZE="2"> </li>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">
<li>怎样制作基本的图片交换。</font><font SIZE="2"> </font></li>
</ul>
<font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>至今我们已经了解了许多</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">,</font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">但我们尚未解释其<br>
工作原理。例如上一课中我演示的</font><font SIZE="2"> </font><tt>window.document.monkey_image.src
= "happy_monkey.gif"</tt><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">将把名为</font><tt>happy_monkey.gif</tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2"> <br>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">的图片替换为名为</font><font
SIZE="2"> </font><tt>monkey_image</tt><font FACE="宋体" LANG="ZH-CN" SIZE="2">. </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">的图片。但是</font><font SIZE="2"> </font><tt>window.document</tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2"> </font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">是什么</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">? </font><tt>.src</tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2"> </font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">是从哪里来的</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">? <br>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">同样</font><font FACE="宋体"
LANG="ZH-CN" SIZE="2">, </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">你看到了</font><font
SIZE="2"> </font><tt>document.writeln("monkey")</tt><font FACE="宋体"
LANG="ZH-CN" SIZE="2">. <br>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">但为什么是</font><font
SIZE="2"> </font><tt>document.writeln</tt><font FACE="宋体" LANG="ZH-CN" SIZE="2"> </font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">而非</font><font SIZE="2"> </font><tt>writeln</tt><font
FACE="宋体" LANG="ZH-CN" SIZE="2">?</p>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><p>上述答案可在文件目标模块</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">(JavaScript Document Object Model</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">，简写为</font><font FACE="宋体"
LANG="ZH-CN" SIZE="2">DOM)</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">中解答</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">. DOM </font><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2">是</font><font SIZE="2"> </font><font FACE="宋体" LANG="ZH-CN"
SIZE="2">JavaScript </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">网页的方式</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">, </font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">它是所有</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">JavaScript <br>
</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">编程的核心</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">. </font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">本讲我们主要讨论</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">DOM</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">，下一讲中<br>
我们将教你电脑编程基础的剩余部分。下两课结<br>
束后你将了解</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">JavaScript</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">所有主要思路和语法。<br>
剩下所需要学习的是一些细节、技巧，以及如何<br>
避免混乱。</p>
<p>现在我们开始踏上</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">DOM</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">之路</font><font FACE="宋体" LANG="ZH-CN"
SIZE="2">, </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">先学一下如何用</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">JavaScript </font><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2"><a HREF="tutorial3_page2.html">打开并操作新的浏览器窗口</a>。</font><font
SIZE="2"> </p>
<p><!-- PAGE X LINKS --><!-- this stuff checks if there are more pages in this story. if so, we'll
suck out the titles of those pages and build links. Right now, the maximum is 15 pages. --></font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体"
LANG="ZH-CN">1</font><font FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体"
LANG="ZH-CN" SIZE="2">:</font><a HREF="tutorial3_page1.html"><font FACE="System,黑体"
LANG="ZH-CN">第三天课程简介</font></a><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">2</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">:</font><a
HREF="tutorial3_page2.html"><font FACE="System,黑体" LANG="ZH-CN">窗口操作介绍</font></a><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">3</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page3.html"><strong><font FACE="System,黑体" LANG="ZH-CN"
COLOR="#0000ff"><u>Javascript</u></font></strong><font FACE="System,黑体" LANG="ZH-CN">中的窗口操作</font></a><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">4</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: <a
HREF="tutorial3_page4.html"><b>JavaScript</b></font><font FACE="System,黑体"
LANG="ZH-CN">中的窗口操作举例</font></a><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">5</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: <a
HREF="tutorial3_page5.html"><b>Windows </b></font><font FACE="System,黑体" LANG="ZH-CN">特性</font></a><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">6</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: <a
HREF="tutorial3_page6.html"><b>JavaScript </b></font><font FACE="System,黑体"
LANG="ZH-CN">文件目标模块</font></a><font FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">7</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page7.html"><font FACE="System,黑体" LANG="ZH-CN">状态条的操作</font></a><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">8</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page8.html"><font FACE="System,黑体" LANG="ZH-CN">窗口间的交流</font></a><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">9</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page9.html"><font FACE="System,黑体" LANG="ZH-CN">再谈</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2"><b>JavaScript DOM</b></a><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">10</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page10.html"><font FACE="System,黑体" LANG="ZH-CN">窗口的其它特性</font></a><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">11</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page11.html"><font FACE="System,黑体" LANG="ZH-CN">再谈</font> <font
FACE="宋体" LANG="ZH-CN" SIZE="2"><b>Window </b></font><font FACE="System,黑体"
LANG="ZH-CN">及</font><font FACE="宋体" LANG="ZH-CN" SIZE="2"><b>Frame</b></font><font
FACE="System,黑体" LANG="ZH-CN">树杈结构</font></a><font FACE="System,黑体"
LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">12</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page12.html"><font FACE="System,黑体" LANG="ZH-CN">自己动手操作</font></a><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑体" LANG="ZH-CN">第</font><font FACE="宋体" LANG="ZH-CN">13</font><font
FACE="System,黑体" LANG="ZH-CN">页</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page13.html"><font FACE="System,黑体" LANG="ZH-CN">第三天复习</font></a><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><br>
</p>
<p><br>
<!-- AUTHOR TAGLINE --> </font></td>
</tr>
</table>
<font FACE="System,黑体" LANG="ZH-CN">
<p> </p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -