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