js事件之神奇的onclick
21:58 2013/7/1
<a href="#" οnclick="alert(123124);" >鏈接</a>
意思是鼠標(biāo)點(diǎn)擊鏈接時(shí)執(zhí)行彈出窗口
js事件可以與任何方法綁定,你可以不用寫(xiě)<script type="text/javascript"> </script>因?yàn)閖s事件內(nèi)部會(huì)自動(dòng)去執(zhí)行js代碼,不過(guò)寫(xiě)上也沒(méi)事 注意.click()方法就必須要寫(xiě)在聲明的腳本代碼片段里才能執(zhí)行,只執(zhí)行一次,而onclick事件是將js事件與地址綁定只要鼠標(biāo)點(diǎn)擊綁定的對(duì)象就會(huì)執(zhí)行, οnclick="任何方法"方法要寫(xiě)在腳本代碼塊里才可以執(zhí)行,因?yàn)榉椒ǘ际俏覀冏远x的,又不是alert
<a href="#" οnclick="window.close()">關(guān)閉</a>將href="#"是指聯(lián)接到當(dāng)前頁(yè)面，其實(shí)是無(wú)意義的，頁(yè)面也不會(huì)刷新，關(guān)鍵是后面的onclick，當(dāng)點(diǎn)擊“關(guān)閉”時(shí)，會(huì)執(zhí)行window.close()代碼。你或許會(huì)說(shuō)為什么不直接寫(xiě)成<a οnclick="window.close()">關(guān)閉</a>如果這樣寫(xiě)，關(guān)閉這兩個(gè)字就不會(huì)作為超聯(lián)接處理，效果看上去會(huì)差一些。你可以自己試試
比如<input type=button id=btn1 value="測(cè)試按鈕" />那么$("#btn1").click(function(){alert(1)});//點(diǎn)擊btn1時(shí)，會(huì)彈出1上面這行和下面這行效果是一樣的$("#btn1").bind("click", function(){alert(1)});//點(diǎn)擊btn1時(shí)，會(huì)彈出1就是把后面那個(gè)function綁定到按鈕的click事件上 等效于：<input type=button id=btn1 value="測(cè)試按鈕" οnclick="alert(1)"/>
注意:jquery里的click事件要用$(document).ready(fn);來(lái)加載,相當(dāng)于javascript中的window.load(fn);或在<body οnlοad="fn"> 只要事件綁定給按鈕或標(biāo)簽可以$(function(){對(duì)象.click(){函數(shù)}});
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script>//必須加 <script type="text/javascript"> $(document).ready(function(){ ? $("button").click(function(){//這里可以不把click事件與按鈕綁定,可以與任何標(biāo)簽綁定 ??? $("p").slideToggle(); ? }); }); </script> </head> <body> <p>這是一個(gè)段落。</p> <button>切換</button> </body> </html>
轉(zhuǎn)載于:https://www.cnblogs.com/YingYue/p/3742006.html
總結(jié)
以上是生活随笔為你收集整理的js事件之神奇的onclick的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 3157: 国王奇遇记 3516: 国
- 下一篇： 急救知识收集