【學習筆記】JavaScript（2013-10-03）

<a href="#" οnclick="">

href="#"表示連接到當前頁面，其實是沒有意義的，頁面不會刷新。
重要的是要執行onclick後面的腳本代碼。

========================================================================

事件處理程序通常被保存爲document對象的屬性。

如：

document.οnmοusedοwn=MyFunction;//自定義的函數

或：

obj=document.getElementById("id");

obj.onClick=MyFunction;

=========================================================================

innerHTML，改變html元素的內容。

簡單的例子：

定義一個div層：

<div id=div1></div>

一個字符串：

var strHTML = "<Table><Tr>";
strHTML += "<Td bgColor=#000000 Height=100px Width=100px>fadsf</Td>";
strHTML += "</Tr></Table>";

在腳本里面改變div1的內容：

div1.innerHTML = strHTML;

=========================================================================

創建、關閉窗口：

winObj=window.open('URL','WinName','feature list');

//winobj存儲新的window對象，url指定新窗口加載的頁面，winname用於引用該窗口

winobj.document.write(something);可用於改變窗口內容

<input type="button" οnclick="NewWin=window.open(' ','winName','toolbar=no,status=no,width=200,height=100');">

<input type="button" οnclick="NewWin.close();">//不能用winName.close()來關閉

==========================================================================

超時功能：window.setTimeout();

指定一個延時以及延時之後開始執行的指令。

超時功能的標識符存放在一個變量中。

var counter = 0;
ID=window.setTimeout("Update();",2000);
function Update() {
   counter++;
   document.form1.input1.value="The counter is now at " + counter;
   ID=window.setTimeout("Update();",2000);
}

在函數Update裏面遞歸調用本身，實現每2秒刷新一次頁面。

===========================================================================