javascript5.htm

javascript基础教程适合初学javascript的人下载一个很快就能掌握其中的知识.

        name=“form1”》所指定的),link[]用于被链接到的锚点的访问(它是通过《a 
        href=URL》所指定的)。Forms[]反映窗体的属性,而anchors[]反映Web页面中的链接属性。</font></span></p>
      </li>
    </dir>
    <p><span style="color: rgb(125,125,125)" class="text">有关锚数组的文档：</span></p>
    <pre><span style="color: rgb(125,125,125)" class="text">&lt;HTML&gt;
&lt;HEAD&gt;
&lt;BODY&gt;
&lt;A NAME=<font
lang="ZH-CN">”</font>MyAnchorsName1<font lang="ZH-CN">”</font>&gt; <font lang="ZH-CN">定义第一个锚名
</font>HTML Code
&lt;A NAME=<font
lang="ZH-CN">”</font>MyAnchorsName2<font lang="ZH-CN">”</font>&gt; <font lang="ZH-CN">定义第二个锚名
</font>HTML Code 
&lt;A HREF=<font
lang="ZH-CN">”</font>#MyAnchorsName1<font lang="ZH-CN">”</font>&gt;<font lang="ZH-CN">建立锚的链接
</font>&lt;A HREF=<font
lang="ZH-CN">”</font>#MyAnchorsName2<font lang="ZH-CN">”</font>&gt; <font lang="ZH-CN">建立锚的链接
…</font>. </span></pre>
    <p><span style="color: rgb(125,125,125)" class="text">该文档段建立了两面全锚的链接,可通过Anchors[]访问这些锚。document.Anchors[0]反映第一个锚,而document.Anchors[1]反映第二个锚的有关信息。</span></p>
    <p>　</p>
    <p><span style="color: rgb(125,125,125)" class="text"><b>五、范例</b></span></p>
    <p><span style="color: rgb(125,125,125)" class="text">范例1：一个动态文字滚动的例子。</span></p>
    <p><span style="color: rgb(125,125,125)" class="text">test5_1.htm</span></p>
    <pre><span style="color: rgb(125,125,125)" class="text">&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script LANGUAGE=&quot;JavaScript&quot;&gt;
<font
lang="ZH-CN">　
</font>with (top.window.location) 
{baseURL = href.substring (0,href.lastIndexOf (&quot;/&quot;) + 1)}
total_toc_items = 0;
current_overID = &quot;&quot;;
last_overID = &quot;&quot;;
browser = navigator.appName;
version = parseInt(navigator.appVersion); 
client=null;
loaded = 0;
if (browser == &quot;Netscape&quot; &amp;&amp; version &gt;= 3) client = &quot;ns3&quot;;
function toc_item (img_name,icon_col,width,height) {
if (client ==&quot;ns3&quot;) {
img_prefix = baseURL + img_name;
this.icon_col = icon_col;
this.toc_img_off = new Image (width,height);
this.toc_img_off.src = img_prefix + &quot;_off.gif&quot;;
this.toc_img_on = new Image (width,height);
this.toc_img_on.src = img_prefix + &quot;_on.gif&quot;;
}
}
<font
lang="ZH-CN">　
</font>function new_toc_item (img_name,icon_row,width,height) {
toc_item [img_name] = new toc_item (img_name,icon_row,width,height);
}
<font
lang="ZH-CN">　
</font>function toc_mouseover (itemID) {
if (client ==&quot;ns3&quot;) {
current_overID = itemID;
if (current_overID != last_overID) {
document [current_overID].src = toc_item [current_overID].toc_img_on.src;
if (last_overID != &quot;&quot;) {
document.images [last_overID].src = toc_item[last_overID].toc_img_off.src;
}
last_overID = current_overID;
}
}
}
<font
lang="ZH-CN">　
</font>function toc_mouseout () {
if (client ==&quot;ns3&quot;) {
if (current_overID != &quot;&quot;) {
document.images [current_overID].src = toc_item [current_overID].toc_img_off.src;
}
current_overID = &quot;&quot;;
last_overID = &quot;&quot;;
}
}
new_toc_item (&quot;1&quot;,2,120,20);
&lt;!-- Begin
function bannerObject(p){
this.msg = MESSAGE
this.out = &quot; &quot;
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage}
<font
lang="ZH-CN">　
</font>function clearMessage(){
this.pos = POSITION}
var POSITION = 50;
var DELAY = 150;
var MESSAGE = &quot;<font
lang="ZH-CN">这是一个动态</font>JavaScript<font lang="ZH-CN">文字显示的例子</font>&quot;;
var scroll = new bannerObject();
function scroller(){
scroll.out += &quot; &quot;;
if(scroll.pos&gt;0)
for (scroll.i = 0; scroll.i &lt; scroll.pos; scroll.i++) { scroll.out +=&quot; &quot; ; } 
if (scroll.pos&gt;= 0)
scroll.out += scroll.msg
else
scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
document.noticeForm.notice.value = scroll.out
scroll.out = &quot; &quot;;
scroll.pos--;
scroll.pos--;
if (scroll.pos &lt; -(scroll.msg.length)) { scroll.reset(); } setTimeout 
('scroller()',scroll.delay);} 
&lt;/script&gt;
&lt;/head&gt;
&lt;body onload=&quot;scroller()&quot; bgcolor=&quot;#000000&quot; link=&quot;#C0C0C0&quot; vlink=&quot;#C0C0C0&quot; 
alink=&quot;#008080&quot;
text=&quot;#C0C0C0&quot;&gt;
&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;
&lt;tr&gt;
&lt;td width=&quot;100%&quot;&gt;&lt;form NAME=&quot;noticeForm&quot;&gt;
&lt;p&gt;&lt;input TYPE=&quot;text&quot; name=&quot;notice&quot; size=&quot;40&quot; style=&quot;background-color: rgb(192,192,192)&quot;&gt;&lt;/p&gt;
&lt;/form&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/center&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
<font
lang="ZH-CN">　</font></span></pre>
    <p><span style="color: rgb(125,125,125)" class="text"><b>范例2:颜色变化的例子。</b></span></p>
    <p><span style="color: rgb(125,125,125)" class="text">test5_2.htm</span></p>
    <pre><span style="color: rgb(125,125,125)" class="text">&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
&lt;!-- 
function makearray(n) {
this.length = n;
for(var i = 1; i &lt;= n; i++) 
this[i] = 0;
return this;}
hexa = new makearray(16);
for(var i = 0; i &lt; 10; i++) 
hexa[i] = i; 
hexa[10]=&quot;a&quot;; 
hexa[11]=&quot;b&quot;; 
hexa[12]=&quot;c&quot;;
hexa[13]=&quot;d&quot;; 
hexa[14]=&quot;e&quot;; 
hexa[15]=&quot;f&quot;;
function hex(i) {
if (i &lt; 0) 
return &quot;00&quot;;
else if (i &gt; 255) 
return &quot;ff&quot;; 
else return &quot;&quot; + hexa[Math.floor(i/16)] + hexa[i%16];}
function setbgColor(r, g, b) { 
var hr = hex(r); 
var hg = hex(g); 
var hb = hex(b); 
document.bgColor = &quot;#&quot;+hr+hg+hb;}
function fade(sr, sg, sb, er, eg, eb, step) { 
for(var i = 0; i &lt;= step; i++) { 
setbgColor( Math.floor(sr * ((step-i)/step) + er * (i/step)), 
Math.floor(sg * ((step-i)/step) + eg * (i/step)), Math.floor(sb * 
((step-i)/step) + eb * (i/step))); }}
function fadein() {
fade(255,0,0,0,0,255,100);
fade(0,0,255,0,255,0,100);
fade(0,255,0, 0,0,0, 100);}
fadein();
// --&gt;
&lt;/script&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;
<font
lang="ZH-CN">　</font></span></pre>
    <p><span style="color: rgb(125,125,125)" class="text">　　本讲介绍了用户自行创建对象的方法, 
    用户可根据需要创建自己的对象。并介绍了JavaScript中建数组的方法。</span></td>
  </tr>
</table>

<p align="center"><small><a href="JavaScript4.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript4.htm">上一页</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="JavaScript6.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript6.htm">下一页</a></small></p>
</body>
</html>