?? 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 + -