📄 tutorial4_page9.htm
字号:
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>tutorial4_page91</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="888">
<tr>
<td WIDTH="77%" VALIGN="MIDDLE"><font FACE="宋体" LANG="ZH-CN" SIZE="4" COLOR="#ff0000"><!--Figure out which page title to display --></font><b><font
FACE="System,黑体" LANG="ZH-CN" COLOR="#ff0000">第</font><font FACE="宋体"
LANG="ZH-CN" COLOR="#ff0000">9</font><font FACE="System,黑体" LANG="ZH-CN"
COLOR="#ff0000">页：数组和循环</font></b><font FACE="System,黑体" LANG="ZH-CN"><br>
<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="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">数组是一项非常有用的东西，因为你可以循环调用<br>
数组中的各个元素执行某项功能。以下是循环显示<br>
一个</font><a HREF="tppmsgs/msgs0.htm#96"><font FACE="宋体" LANG="ZH-CN">URL</font><font
FACE="System,黑体" LANG="ZH-CN">数组中的各个元素</a>的例子。<p>首先，要使该例子发挥作用，我们需要声明一些变<br>
量：</font></td>
</tr>
<tr>
<td WIDTH="77%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<pre><big>
var url_names = new Array("hits.org","awaken.org","bianca.com");
var a_url;
</big></pre>
</dir>
</td>
</tr>
<tr>
<td WIDTH="77%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN"></font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2"><big>接下来，我们循环调用数组中的各个元素，打开每</big><br>
<big>个</font><font FACE="宋体" LANG="ZH-CN" SIZE="2">URL</font><font
FACE="System,黑体" LANG="ZH-CN" SIZE="2">并对待用户点击</font><font FACE="宋体"
LANG="ZH-CN" SIZE="2">alert</font><font FACE="System,黑体" LANG="ZH-CN" SIZE="2">框的</font><font
FACE="宋体" LANG="ZH-CN" SIZE="2">OK</font><font FACE="System,黑体" LANG="ZH-CN"
SIZE="2">按钮：</font></big></td>
</tr>
<tr>
<td WIDTH="77%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<big><p>for (loop = 0; loop <url_names.length; loop++) { // make the name of a url, for
example http://www.hits.org/ a_url = "http://www." + url_names[loop] +
"/"; // open a window var
new_window=open(a_url,"new_window","width=300,height=300"); // wait
for the click alert("hit ok for the next site"); } </big></p>
</dir>
</td>
</tr>
<tr>
<td WIDTH="77%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">首先，你会注意到循环从</font><font
FACE="宋体" LANG="ZH-CN">0</font><font FACE="System,黑体" LANG="ZH-CN">一直到<br>
</font><tt>url_names.length</tt><font FACE="System,黑体" LANG="ZH-CN">这个变量。将</font><tt>.length</tt><font
FACE="System,黑体" LANG="ZH-CN">放在数组<br>
名的后面由于告诉你数组中有多少个元素。但是，<br>
注意数组元素的数目同数组最后一个元素的索引号<br>
（顺序号）不同。如果数组中有</font><font FACE="宋体" LANG="ZH-CN">3</font><font
FACE="System,黑体" LANG="ZH-CN">个元素，则数组<br>
的长度为</font><font FACE="宋体" LANG="ZH-CN">3</font><font FACE="System,黑体"
LANG="ZH-CN">，但是数组中最后一个元素的索引号却<br>
是</font><tt>array[2]</tt><font FACE="宋体" LANG="ZH-CN">.</font><font
FACE="System,黑体" LANG="ZH-CN">。这是因为数组中第</font><font FACE="宋体"
LANG="ZH-CN">1</font><font FACE="System,黑体" LANG="ZH-CN">个元素的索引号<br>
是</font><tt>array[0]</tt><font FACE="宋体" LANG="ZH-CN">.</font><font
FACE="System,黑体" LANG="ZH-CN">。如果你执行数组调用时得到诸如</font> <br>
<font FACE="宋体" LANG="ZH-CN">"object not found" </font><font
FACE="System,黑体" LANG="ZH-CN">的错误信息，而你的代码中<br>
有一个数组，则有可能是因为你将数组元素的索引<br>
号同数组中元素的数目混淆了。<p>不也许还会注意到将</font><tt>.length</tt><font
FACE="System,黑体" LANG="ZH-CN">放在数组的结尾处很<br>
有点想给一个对象附加一些属性。这是因为数组本<br>
身就是对象，而</font><font FACE="宋体" LANG="ZH-CN">length </font><font
FACE="System,黑体" LANG="ZH-CN">就是数组的一项属性。</p>
<p>数组术语对象的另一个表现是：你需要用新指令才<br>
能生成新的数组。在上例中，</font><tt>url_names = new <br>
Array(......)</tt><font FACE="宋体" LANG="ZH-CN"> </font><font FACE="System,黑体"
LANG="ZH-CN">实际可以解释为：生成一个新数<br>
组，用</font><tt>url_names</tt><font FACE="System,黑体" LANG="ZH-CN">对其做一个引用。你可以注意到<br>
单词</font><font FACE="宋体" LANG="ZH-CN">"new" </font><font
FACE="System,黑体" LANG="ZH-CN">以这种方式被应用时，就生成了一个新<br>
的对象。</p>
<p>循环中的第</font><font FACE="宋体" LANG="ZH-CN">1</font><font
FACE="System,黑体" LANG="ZH-CN">行生成一个变量。其赋值为一个字符<br>
串。</font> </td>
</tr>
<tr>
<td WIDTH="77%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<pre><big>a_url = "http://www." + url_names[loop] + "/";
</big></pre>
</dir>
</td>
</tr>
<tr>
<td WIDTH="77%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑体" LANG="ZH-CN">循环开始时，变量循环的初始值为</font><font
FACE="宋体" LANG="ZH-CN">0</font><font FACE="System,黑体" LANG="ZH-CN">。</font><tt>url_names</tt><font
FACE="System,黑体" LANG="ZH-CN">数<br>
组的第</font><font FACE="宋体" LANG="ZH-CN">1</font><font FACE="System,黑体"
LANG="ZH-CN">个元素是字符串</font><tt>"hits.org"</tt><font FACE="宋体"
LANG="ZH-CN">.</font><font FACE="System,黑体" LANG="ZH-CN">，所以在第一<br>
次循环中，变量</font><tt>a_url</tt><font FACE="System,黑体" LANG="ZH-CN">等值于字符串</font><tt>"http:<br>
//www.hits.org/"</tt><font FACE="宋体" LANG="ZH-CN">.</font><font
FACE="System,黑体" LANG="ZH-CN">。<p>循环的下一行用该</font><font FACE="宋体"
LANG="ZH-CN">URL</font><font FACE="System,黑体" LANG="ZH-CN">打开一个窗口</font> </td>
</tr>
<tr>
<td WIDTH="77%" VALIGN="TOP" BGCOLOR="#ffffff"><dir>
<pre><big>
var new_window=open(a_url,"new_window","width=300,height=300");
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -