通過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元素?
 
巧用Dreamweaver MX控制頁面元素
浏覽帶有下拉菜單的控制CSS來控制文字屬性,調整相關參數(如圖2)。 圖1 圖2 CSS實現相對定位菜單欄 定義一個CSS相對定位的定義控制,將相對定位模型(菜單欄表格)定義爲這個CSS屬性。使浏覽器以相對定位模...查看完整版>>巧用Dreamweaver MX控制頁面元素
 
用Dreamweaver MX控制頁面元素
  浏覽帶有下拉菜單的網頁時,我們經常會注意到當更改顯示器分辨率時,其下拉菜單的位置並沒有改變,這也是我們設計網頁時容易忽略的一個問題,其實通過CSS控制頁面元素精確定位後,這一點就不難實現了。  建立主...查看完整版>>用Dreamweaver MX控制頁面元素
 
通過 Frame來實現頁面內部導航
<!--要完成此效果把如下代碼加入到<body>區域中--><span id="theText" style="width:100%"><h2 align="center"><font color="#ffffff">Welcome To You!!</font></h2><...查看完整版>>通過 Frame來實現頁面內部導航
 
通過JAVAScript實現頁面自適應
有時候,我們可能需要象新版的Yahoo郵箱一樣,讓一些數據顯示塊可以根據頁面大小進行自適應。事實並不難,但是如果單純用CSS控制的話,往往不能完全實現我們要的效果,這時候需要借助Javascript,Javascript可以讓我我們實...查看完整版>>通過JAVAScript實現頁面自適應
 
 
回到王朝網路首頁