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

📄 tutorial1.html

📁 javascript的学习文章
💻 HTML
字号:
🔍 
<!-- check for different collection -->
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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="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, page builder, 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,
page builder">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>Webmonkey: javascript: Thau's JavaScript Tutorial: Day 1</title>
</head>

<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#660099">

<table border="0" cellpadding="0" width="530" celspacing="0">
  <tr>
    <td width="530"><div align="left"><table border="0">
      <tr>
        <td><font size="3" color="#0000FF"><a href="../design.html" target="_top">网页设计</a></font></td>
        <td><font size="3" color="#0000FF">/<a href="../html.html" target="_top">HTML文件</a></font></td>
        <td><font size="3" color="#0000FF">/<a href="../dynamic_html.htm" target="_top">动态HTML文件</a></font></td>
        <td><font size="2" face="Arial Rounded MT Bold" color="#0000FF">/<a
        href="../stylesheets.html">Stylesheets</a></font></td>
        <td><font size="3" color="#0000FF">/<a href="../graphics/graphics.html" target="_top">图形与字体</a></font></td>
        <td><font color="#0000FF"><font size="3">/<a href="../multimedia.html" target="_top">多媒体</a></font><font
        size="2">&nbsp;</font></font></td>
      </tr>
      <tr>
        <td colspan="6"><font color="#0000FF"><font size="3"><a href="../browsers.html"
        target="_top">浏览器</a></font><font size="2">/</font><font
        face="Arial Rounded MT Bold" size="2"><a href="../java.html">Java</a></font><font size="2">/</font><font
        face="Arial Rounded MT Bold" size="2"><a href="../javascript.html">JavaScript</a></font><font
        size="2">/<font face="Arial Rounded MT Bold"><a href="../perl.html"><nobr>Perl</nobr></a></font></font><a
        href="../perl.html" target="_top">语言</a><nobr><font size="2">/</font><font
        face="Arial Rounded MT Bold" size="2"><a href="../backend.html">Backend</a></font></nobr></font></td>
      </tr>
    </table>
    </div><p><nobr><!-- FILE PATH NAVIGATION --> <font size="5" face="arial, helvetica, sans-serif"><a
    href="/webmonkey/frontdoor/index.html"><b>webmonkey</b></a>/<a
    href="/webmonkey/javascript/">javascript</a>/</font></nobr></td>
  </tr>
</table>

<table border="0" cellpadding="3" width="532" celspacing="0">
<!-- AUTHOR IMAGE -->
<!-- BUFFER -->
  <tr>
    <td rowspan="100" width="10"><img
    src="http://static.wired.com/webmonkey/images/spacer.gif" width="10" height="1"></td>
    <td align="right" colspan="2" width="165"></td>
<!-- HEADLINE -->
    <td width="365"><font color="#FF3300" size="4" face="arial, helvetica, sans-serif"><br>
    <b>Thau's JavaScript </font><font color="#FF3300" size="4">教程</font><font
    color="#FF3300" size="4" face="arial, helvetica, sans-serif">: Day 1</font></b><br>
<!-- BYLINE -->    <font color="#000000" size="2" face="arial, helvetica, sans-serif">by <a
    href="mailto:thau@wired.com" title="Send
mail to Thau!">Thau!</a></font> </td>
  </tr>
<!-- SEE ALSO LINKS -->
  <tr>
    <td valign="top" width="155"><img
    src="http://static.wired.com/webmonkey/images/spacer.gif" width="155" height="1"><br>
    <br>
    <font size="3" face="arial, helvetica, sans-serif"><b>More on javascript</b></font><br>
    <font color="#FF3300">- - - - - - - - - -</font> <p><a
    href="/webmonkey/html/97/42/index1a.html?collection=javascript"><font size="2"
    face="arial, helvetica, sans-serif"><b>Make a JavaScript Flipbook Animation</b></font></a><br>
    <font size="2" face="arial, helvetica, sans-serif">If you're new to JavaScript, Wendy's 
    animated flipbook tutorial will help you learn about arrays <i><nobr>21 Oct 1997</nobr></i></font> 
    </p>
    <p><!-- --> <a href="/webmonkey/geektalk/96/40/index3a.html?collection=javascript"><font size="2"
    face="arial, helvetica, sans-serif"><b>JavaScript and the Status Bar</b></font></a><br>
    <font size="2" face="arial, helvetica, sans-serif">The basic &quot;window.status&quot; 
    mouseover. Useful, yet overused. <i><nobr>3 Oct 1996</nobr></i></font> </p>
    <p><!-- --> <a href="/webmonkey/html/96/53/index3a.html?collection=javascript"><font size="2"
    face="arial, helvetica, sans-serif"><b>Degrading Pages</b></font></a><br>
    <font size="2" face="arial, helvetica, sans-serif">Good Web design is more than just 
    decoration, it's about smart pages that react to their environment. <i><nobr>2 Jan 1997</nobr></i></font> 
    <br>
    </td>
<!-- BODY COPY -->
<!-- BUFFER -->
    <td rowspan="100" width="10"></td>
    <td valign="top" rowspan="100" width="357" bgcolor="#FFFFFF">交互性！多数网站声称交互性即当你点击一个链接时到达一个新的页面，但严格道来甚至当网页中具有CGI语言时也并不意味它真正具有交互性。填好表格，按提交钮，等待。。。这就像往海中扔一个瓶子等候它自己飘回来一样。<p>幸的是，现在我们有了Javascript, 
    于是网页可真正如你希望的 
    那样交互作用。当鼠标移动到哪里，图片交换，表格元素在传递过程中即相互影响，无须等待CGI回复结果计算即可进行。没有任何提交－等待过程－任何事只是在你使用它时发生。</p>
    <p>avascript最杰出之处在于你可以用很小的程序做大量的事。你无须有高性能电脑，软件仅需一个字处理软件及一浏览器，无须WEB服务器通道，在你自己的电脑上即可作所有的事情。</p>
    <p>尽管工作起来很方便，但Javascript是一完整的编程语言，因而当你学完更复杂的Javascript, 
    你已学了一些电脑编程的基础了。</p>
    <p>如果你想继续学其他编程语言如Perl,C,C++或Java,Javasript是一个极好的引荐。</p>
    <p><font size="2" face="verdana, arial, geneva, sans-serif">JavaScript. </font><font
    size="2">进入 <a href="tutorial1_page2.html">本教程</a>. </font></p>
    <p><font size="2" face="verdana, arial, geneva, sans-serif"><!-- PAGE X LINKS --> </font><font size="2"
    face="arial, helvetica, sans-serif"><!-- 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. --> Page 1: </font><a href="tutorial1.html"><font
    size="3">Javascript教程</font></a><font size="2" face="arial, helvetica, sans-serif"><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... -->    Page 2: </font><a href="tutorial1_page2.html"><font size="3">课程简介</font></a><font
    size="2" face="arial, helvetica, sans-serif"><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... -->    Page 3: </font><a href="tutorial1_page3.html"><font size="3">实际应用</font></a><font
    size="2" face="arial, helvetica, sans-serif"><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... -->    Page 4: </font><a href="tutorial1_page4.html"><font size="3">隐藏 </font><font size="2"
    face="arial, helvetica, sans-serif"><b>JavaScript</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... -->    Page 5:</font><font size="3"> <a href="tutorial1_page5.html">第一天复习</a></font></p>
    <p><font size="2" face="arial, helvetica, sans-serif"><br>
<!-- AUTHOR TAGLINE -->    </font></p>
    <hr size="1" noshade>
    <p><font size="2" face="arial, helvetica, sans-serif"><a href="mailto:thau@wired.com">Thau!</a> 
    is a core troll at <a href="http://www.bianca.com"
    onclick="return confirm('Adult content. Please hit cancel if you\'re under 18.');">bianca's</a> 
    and does something or other at HotWired. He has a large collection of exotic chickens and 
    futurists. </font></td>
  </tr>
  <tr>
    <td valign="bottom" width="155"><font size="2" face="arial, helvetica, sans-serif">Questions? 
    Comments? <a href="mailto:webmonkey@wired.com">Talk</a> to the monkey. </font></td>
  </tr>
</table>

<p><font size="2" face="verdana, arial, geneva, sans-serif"><br>
<br>
</font></p>

<table border="0" cellpadding="0" cellspacing="0" width="568">
  <tr>
    <td><font size="1" face="Arial, Helvetica"><a href="http://www.wired.com/home/"
    target="_top"><img src="http://static.wired.com/meta/footer/w.gif" alt="[W]" align="left"
    border="0" hspace="0" width="16" height="16" valign="baseline"></a>Wired Digital offers <a
    href="http://www.hotwired.com/" target="_top">HotWired</a>, <a
    href="http://www.wired.com/news/" target="_top">Wired News</a>, <a
    href="http://www.hotbot.com/" target="_top">HotBot</a>, <a
    href="http://www.wired.com/wired/" target="_top"><cite>Wired</cite> magazine</a> online, <a
    href="http://www.suck.com/" target="_top">Suck</a>, <a href="http://www.livewired.com/"
    target="_top">LiveWired</a>, <a href="http://www.cocktailtime.com/" target="_top">Cocktail</a>, 
    <a href="http://www.hotwired.com/rough/" target="_top">The Rough Guide</a>, and <a
    href="http://www.newsbot.com/" target="_top">NewsBot</a>. </font><p><font size="1"
    face="Arial, Helvetica"><a href="/full.copyright.html" target="_top">Copyright</a> &copy; 
    1994-98 Wired Digital Inc. All rights reserved. </font></td>
  </tr>
</table>
</body>
</html>

⌨️ 快捷键说明

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