首页 > 代码库 > js事件之神奇的onclick
js事件之神奇的onclick
21:58 2013/7/1
<a href="http://www.mamicode.com/#" onclick="alert(123124);" >链接</a>
意思是鼠标点击链接时执行弹出窗口
js事件可以与任何方法绑定,你可以不用写<script type="text/javascript"> </script>因为js事件内部会自动去执行js代码,不过写上也没事 注意.click()方法就必须要写在声明的脚本代码片段里才能执行,只执行一次,而onclick事件是将js事件与地址绑定只要鼠标点击绑定的对象就会执行, onclick="任何方法"方法要写在脚本代码块里才可以执行,因为方法都是我们自定义的,又不是alert
<a href="http://www.mamicode.com/#" onclick="window.close()">关闭</a>将href="http://www.mamicode.com/#"是指联接到当前页面，其实是无意义的，页面也不会刷新，关键是后面的onclick，当点击“关闭”时，会执行window.close()代码。你或许会说为什么不直接写成<a onclick="window.close()">关闭</a>如果这样写，关闭这两个字就不会作为超联接处理，效果看上去会差一些。你可以自己试试
比如<input type=button id=btn1 value="http://www.mamicode.com/测试按钮" />那么$("#btn1").click(function(){alert(1)});//点击btn1时，会弹出1上面这行和下面这行效果是一样的$("#btn1").bind("click", function(){alert(1)});//点击btn1时，会弹出1就是把后面那个function绑定到按钮的click事件上 等效于：<input type=button id=btn1 value="http://www.mamicode.com/测试按钮" onclick="alert(1)"/>
注意:jquery里的click事件要用$(document).ready(fn);来加载,相当于javascript中的window.load(fn);或在<body onl oad="fn"> 只要事件绑定给按钮或标签可以$(function(){对象.click(){函数}});
<html> <head> <script type="text/javascript" src="http://www.mamicode.com/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>