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

📄 tutorial5_page5.htm

📁 javascript从入门到精通； javascript从入门到精通
💻 HTM
字号:
🔍 
<html>

<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>Webmonkey: javascript: Thau's JavaScript Tutorial: Day 1</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="702">
  <tr>
    <td WIDTH="77%" VALIGN="MIDDLE"><font FACE="宋体" LANG="ZH-CN" SIZE="4" COLOR="#ff0000"></font><b><font
    FACE="System,黑体" LANG="ZH-CN" SIZE="5" COLOR="#ff0000">第</font><font FACE="宋体"
    LANG="ZH-CN" SIZE="5" COLOR="#ff0000">5</font><font FACE="System,黑体" LANG="ZH-CN"
    SIZE="5" 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="77%" VALIGN="TOP" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"><ul>
      <li></font>　</li>
    </ul>
    </td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">表单也是对象；他们有自己的方法、属性、及事件<br>
    处理器。其中有一项就是</font><tt><font FACE="宋体" LANG="ZH-CN">onSubmit</font><font
    FACE="System,黑体" LANG="ZH-CN">。</font><p>onSubmit</tt><font FACE="System,黑体"
    LANG="ZH-CN">的调用有以下两种情形：如果用户点击递<br>
    交（</font><font FACE="宋体" LANG="ZH-CN">Submit</font><font FACE="System,黑体"
    LANG="ZH-CN">）按钮，或用户在文字域内按了回车<br>
    键</font> <font FACE="System,黑体" LANG="ZH-CN">。试着点击下面的</font><font
    FACE="宋体" LANG="ZH-CN">Submit</font><font FACE="System,黑体" LANG="ZH-CN">按钮看会发生什么情<br>
    况。</p>
    <form>
      <p><input TYPE="submit"> </p>
    </form>
    <p>在</font><font FACE="宋体" LANG="ZH-CN">Netscape</font><font FACE="System,黑体"
    LANG="ZH-CN">中，点击一个没有结果事件处理的<br>
    </font><font FACE="宋体" LANG="ZH-CN">Submit</font><font FACE="System,黑体"
    LANG="ZH-CN">按钮通常会导致刷新原有的页面。为了避免<br>
    这种情况，你可以这样做：</font></td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="TOP" BGCOLOR="#ffffff"><ul>
      <font FACE="System,黑体" LANG="ZH-CN">
      <li></font>&lt;form onSubmit=&quot;return false;&quot;&gt; &lt;input type=&quot;submit&quot; 
        value=&quot;Submit&quot;&gt; &lt;/form&gt; </li>
    </ul>
    </td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">试着点击下面的按钮</font><font
    FACE="宋体" LANG="ZH-CN">: <form>
      <p><input TYPE="submit" VALUE="Click on me"> </p>
    </form>
    <p>Javascript</font><font FACE="System,黑体" LANG="ZH-CN">用</font><tt>return false</tt><font
    FACE="System,黑体" LANG="ZH-CN">阻止浏览器刷新页面。<br>
    另一个例子是阻止一个</font><tt>href</tt><font FACE="System,黑体" LANG="ZH-CN">转向赋值的</font><font
    FACE="宋体" LANG="ZH-CN">URL </font><font FACE="System,黑体" LANG="ZH-CN">。例<br>
    如：链接</font> </td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="TOP" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"><pre>

</font>&lt;a href=<a
HREF="tppmsgs/msgs0.htm#99">&quot;http://www.mattmarg.com/&quot;</a> 
onClick=&quot;return false;&quot;&gt;mattmarg!&lt;/a&gt;
</pre>
    </td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">不会转向任何</font><font
    FACE="宋体" LANG="ZH-CN">URL</font><font FACE="System,黑体" LANG="ZH-CN">，因为你给</font><font
    FACE="宋体" LANG="ZH-CN">onClick</font><font FACE="System,黑体" LANG="ZH-CN">赋值为</font><font
    FACE="宋体" LANG="ZH-CN">return <br>
    false</font><font FACE="System,黑体" LANG="ZH-CN">。</font> <font FACE="System,黑体"
    LANG="ZH-CN"><p>以下是一个从用户获取信息的表单。在文字域中输入一些<br>
    内容然后点击</font><font FACE="宋体" LANG="ZH-CN">Return:</p>
    <form>
      <b><p>Who does the monkey love: </b><input TYPE="text" NAME="monkey_love" size="20"> </font></p>
    </form>
    <font FACE="System,黑体" LANG="ZH-CN"><p>以下是表单的编码：</font></td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>&lt;form name=&quot;text_entry_form&quot; 
onSubmit=&quot;monkeyLove(); return false;&quot;&gt;

&lt;b&gt;Who does the monkey love: &lt;/b&gt;

&lt;input type=&quot;text&quot; name=&quot;monkey_love&quot; size=&quot;40&quot;&gt;

&lt;/form&gt;
</pre>
    </td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">当你点击文字域中的</font><font
    FACE="宋体" LANG="ZH-CN">Return</font><font FACE="System,黑体" LANG="ZH-CN">时，</font><tt>onSubmit</tt><font
    FACE="System,黑体" LANG="ZH-CN">处理器被<br>
    调用执行函数</font><tt>monkeyLove()</tt><font FACE="System,黑体" LANG="ZH-CN">，该函数将改变文字域<br>
    内的值。<p>如果</font><font FACE="宋体" LANG="ZH-CN">onsubmit</font><font
    FACE="System,黑体" LANG="ZH-CN">处理器中没有</font><tt>return false</tt><font
    FACE="System,黑体" LANG="ZH-CN">语句的<br>
    话，执行函数</font><tt>monkeyLove()</tt><font FACE="System,黑体" LANG="ZH-CN">会改变文字域内容，但<br>
    由于同时网页内容会被刷新，从而又会将文字域的<br>
    内容返回到原有的内容。为了阻止这种现象，就必<br>
    须在</font><tt>onSubmit</tt><font FACE="System,黑体" LANG="ZH-CN">中加入</font><font
    FACE="宋体" LANG="ZH-CN">return false. </p>
    </font><font FACE="System,黑体" LANG="ZH-CN"><p>以下是</font><tt>monkeyLove()</tt><font
    FACE="宋体" LANG="ZH-CN"> </font><font FACE="System,黑体" LANG="ZH-CN">函数的内容：</font> 
    </td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="TOP" BGCOLOR="#ffffff"><pre>function monkeyLove()

{

	var who_it_is = 
window.document.text_entry_form.monkey_love.value;

	who_it_is = 
'The monkey loves ' + who_it_is;

	window.document.text_entry_form.monkey_love.value =
 who_it_is;

}</pre>
    </td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">下面这个例子中没有加入</font><font
    FACE="宋体" LANG="ZH-CN">return false</font><font FACE="System,黑体" LANG="ZH-CN">，你将看到会发生<br>
    什么情况：<form>
      </font><font FACE="宋体" LANG="ZH-CN"><b><p>Who does the monkey love: </b><input
      TYPE="text" NAME="monkey_love2" size="20"> </font></p>
    </form>
    <font FACE="System,黑体" LANG="ZH-CN"><p></font>　</td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="TOP" BGCOLOR="#ffffff"><!-- PAGE X LINKS --><font FACE="System,黑体" LANG="ZH-CN"><p>第</font><font
    FACE="宋体" LANG="ZH-CN">1</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
    HREF="tutorial5_page1.htm">第</font><font FACE="宋体" LANG="ZH-CN">5</font><font
    FACE="System,黑体" LANG="ZH-CN">日课程介绍</a><br>
    第</font><font FACE="宋体" LANG="ZH-CN">2</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
    HREF="tutorial5_page2.htm">介绍反馈表单</a><br>
    第</font><font FACE="宋体" LANG="ZH-CN">3</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
    HREF="tutorial5_page3.htm">控制文字域的值</a><br>
    第</font><font FACE="宋体" LANG="ZH-CN">4</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
    HREF="tutorial5_page4.htm">文字域事件</a><br>
    第</font><font FACE="宋体" LANG="ZH-CN">5</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
    HREF="tutorial5_page5.htm">反馈表单处理器</a><br>
    第</font><font FACE="宋体" LANG="ZH-CN">6</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
    HREF="tutorial5_page6.htm">文字域的练习</a><br>
    第</font><font FACE="宋体" LANG="ZH-CN">7</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
    HREF="tutorial5_page7.htm">复选框</a><br>
    第</font><font FACE="宋体" LANG="ZH-CN">8</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
    HREF="tutorial5_page8.htm">单选框</a><br>
    第</font><font FACE="宋体" LANG="ZH-CN">9</font><font FACE="System,黑体" LANG="ZH-CN">页：<a
    HREF="tutorial5_page9.htm">选单</a><br>
    第</font><font FACE="宋体" LANG="ZH-CN">10</font><font FACE="System,黑体"
    LANG="ZH-CN">页：<a HREF="tutorial5_page10.htm">在选单中应用</font><font
    FACE="宋体" LANG="ZH-CN">onchange</font><font FACE="System,黑体" LANG="ZH-CN">命令</a><br>
    </p>
    </font><font FACE="System,黑体" LANG="ZH-CN" SIZE="4"><p><br>
    </p>
    </font><font FACE="System,黑体" LANG="ZH-CN"><p><br>
<!-- AUTHOR TAGLINE -->    </font></td>
  </tr>
  <tr>
    <td WIDTH="77%" VALIGN="MIDDLE"></td>
  </tr>
</table>
<font FACE="System,黑体" LANG="ZH-CN">

<p>　</p>
</font>
</body>
</html>

⌨️ 快捷键说明

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