码迷,mamicode.com
首页 > Web开发 > 详细

js事件之神奇的onclick

时间:2014-05-23 05:02:17      阅读:414      评论:0      收藏:0      [点我收藏+]

标签:c   java   ext   a   javascript   html   

21:58 2013/7/1

<a href="#" onclick="alert(123124);" >链接</a>

意思是鼠标点击链接时执行弹出窗口

js事件可以与任何方法绑定,你可以不用写<script type="text/javascript"> </script>因为js事件内部会自动去执行js代码,不过写上也没事 注意.click()方法就必须要写在声明的脚本代码片段里才能执行,只执行一次,而onclick事件是将js事件与地址绑定只要鼠标点击绑定的对象就会执行, onclick="任何方法"方法要写在脚本代码块里才可以执行,因为方法都是我们自定义的,又不是alert

<a href="#" onclick="window.close()">关闭</a>将href="#"是指联接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的onclick,当点击“关闭”时,会执行window.close()代码。你或许会说为什么不直接写成<a onclick="window.close()">关闭</a>如果这样写,关闭这两个字就不会作为超联接处理,效果看上去会差一些。你可以自己试试

比如<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="测试按钮" onclick="alert(1)"/>

注意:jquery里的click事件要用$(document).ready(fn);来加载,相当于javascript中的window.load(fn);或在<body onload="fn"> 只要事件绑定给按钮或标签可以$(function(){对象.click(){函数}});

<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>

js事件之神奇的onclick,布布扣,bubuko.com

js事件之神奇的onclick

标签:c   java   ext   a   javascript   html   

原文地址:http://www.cnblogs.com/YingYue/p/3742006.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!