通過js給頁面元素添加事件

最近做一個登錄仿XP多用戶頁面,要使用js給頁面元素添加事件的方式去處理。網上G了很久找到一個比較簡單的示例:view plaincopy to clipboardprint?

<script>

function b(){

alert("我被click了!!5555~~~~~~~~~~");

}

function a(){

good.onclick=b;//注意onclick不能寫成onClick,要不沒效果的。

}

</script>

<div id="good" style="height:100px; width:100px;background:#323923;color:white;">點我啊</div>

<input type=button value="添加點擊事件" onclick="a();">

<script>

function b(){

alert("我被click了!!5555~~~~~~~~~~");

}

function a(){

good.onclick=b;//注意onclick不能寫成onClick,要不沒效果的。

}

</script>

<div id="good" style="height:100px; width:100px;background:#323923;color:white;">點我啊</div>

<input type=button value="添加點擊事件" onclick="a();">不過在用的時候很是郁悶,如爲good添加onMoserOver的事件view plaincopy to clipboardprint?

document.getElementById('QuickUserLoginPart').onmouseover = alert("移過了!");

document.getElementById('QuickUserLoginPart').onmouseover = alert("移過了!");把這個添加在input的onClick裏,點擊了馬上會彈出一個「移過了!」的提示框,然後當你鼠標移過那個ID爲GOOD的區域時是什麽反應都沒有的。一定要把"onmouseover ="後面的內容寫上相關定義好的function才行。 光明白這點就浪費了我兩個小時時間啊~~~~~~學藝不精啊。

PS:不知道有沒有去除頁面元素添加事件的JS

再記錄個:

JS:動態添加刪除元素view plaincopy to clipboardprint?

<HEAD>

<SCRIPT>

function removeElement()

{

try

{

//The first child of the div is the bold element.

var oChild=Div1.children(0);

Div1.removeChild(oChild);

}

catch(x)

{

alert("You have already removed the bold element. Page will be refreshed when you click OK.")

document.location.reload();

}

}

</SCRIPT>

</HEAD>

<BODY>

<DIV ID=Div1 onclick="removeElement()">

Click anywhere in this sentence to remove this <B>Bold1</B><B>Bold2</B> word.

</DIV>

</BODY>

<HEAD>

<SCRIPT>

function removeElement()

{

try

{

//The first child of the div is the bold element.

var oChild=Div1.children(0);

Div1.removeChild(oChild);

}

catch(x)

{

alert("You have already removed the bold element. Page will be refreshed when you click OK.")

document.location.reload();

}

}

</SCRIPT>

</HEAD>

<BODY>

<DIV ID=Div1 onclick="removeElement()">

Click anywhere in this sentence to remove this <B>Bold1</B><B>Bold2</B> word.

</DIV>

</BODY>再記錄個不錯的站點:
http://www.netvtm.com/

「通過網絡汲取營養」——關注國外WEB相關技術,理念,使用技巧...

關于Cookie的使用說明:http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/cookie.asp

· 湖北宜昌三峽壩區水面驚現神秘動物

近日,湖北宜昌,一段視頻在當地熱傳:有網友在三峽壩區拍到神秘動物,體型碩大數米長...

· 什麽是語段?語段的類型以及和句群、段落的區別與聯系是什麽?

句群是最高級的語言單位。 段落(自然段)是章法單位...

· 十八部好看的賭石類小說

以下是十八部(排名不分先後)好看的賭石類小說的簡介,喜歡的朋友可以去搜索書名閱讀...

 
通過數據捆綁將數據添加到ASP.NET 頁面
如果熟悉經典ASP,即使函數不相同,那麽你也會很熟悉ASP.NET中的數據綁定語法。數據綁定的表達式是ASPX文件中<%# and %>中間的代碼。它允許將數據綁定到控制器,同時也允許綁定屬性、表達式和頁面上方法調用的...查看完整版>>通過數據捆綁將數據添加到ASP.NET 頁面
 
Js控制ASPX頁面刷新的土辦法
  我們知道在aspx頁面裏激發一個事件都需要把頁面Post到服務器,這樣如果在客戶端通過調用javascript進行頁面刷新,IE就會彈出提示框問是否重新提交,但是我們本意只是想刷新數據顯示。怎麽辦呢,我想的辦法就是模...查看完整版>>Js控制ASPX頁面刷新的土辦法
 
js事件列表
javascript事件列表解說事件浏覽器支持解說一般事件onclickIE3、N2 鼠標點擊時觸發此事件ondblclickIE4、N4 鼠標雙擊時觸發此事件onmousedownIE4、N4 按下鼠標時觸發此事件onmouseupIE4、N4 鼠標按下後松開鼠標時觸發...查看完整版>>js事件列表
 
巧用DreamweaverMX控制頁面元素
  浏覽帶有下拉菜單的網頁時,我們經常會注意到當更改顯示器分辨率時,其下拉菜單的位置並沒有改變,這也是我們設計網頁時容易忽略的一個問題,其實通過CSS控制頁面元素精確定位後,這一點就不難實現了。  建立主...查看完整版>>巧用DreamweaverMX控制頁面元素
 
如何利用HTML頁面中meta元素?
1:假如說你的站點頁面中有這麽一句:<META NAME="robots" CONTENT="index,follow">你利用Nutch抓取並分析時,如何得到這個meta數值並處理呢?2:你可以從HtmlParseFilter擴展出一個RobotsParserFilter,用下面...查看完整版>>如何利用HTML頁面中meta元素?