js事件之神奇的onclick

21:58 2013/7/1

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

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

<a href="#" οnclick="window.close()">关闭</a>将href="#"是指联接到当前页面，其实是无意义的，页面也不会刷新，关键是后面的onclick，当点击“关闭”时，会执行window.close()代码。你或许会说为什么不直接写成<a οnclick="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="测试按钮" οnclick="alert(1)"/>

注意:jquery里的click事件要用$(document).ready(fn);来加载,相当于javascript中的window.load(fn);或在<body οnlοad="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>

转载于:https://www.cnblogs.com/YingYue/p/3742006.html

js事件之神奇的onclick相关推荐

js 添加和移除onclick事件（通过匿名函数实现）及jquery 移除事件
2019独角兽企业重金招聘Python工程师标准>>> 代码如下: //移除事件 document.getElementById('mobile-a').οnclick=funct ...
给RadioButtonList这些加JS事件
给RadioButtonList这些加JS事件 <script language="javascript" type="text/javascript&qu ...
js事件技巧方法整合
window.resizeTo(800,600); //js设置浏览器窗口尺寸 window.open (function(){resizeTo(640,480);//设置浏览器窗口尺寸moveTo( ...
JS事件冒泡机制和兼容性添加事件
本篇文章主要来讲讲事件的冒泡机制和添加事件的几种方法. 一. JS的时间传递顺序: 捕获阶段 -> 目标阶段 -> 冒泡阶段捕获阶段是指从父层往子层找.比如 <body> ...
js事件流的三个阶段
2019独角兽企业重金招聘Python工程师标准>>> js事件流分为三个阶段: 1.事件捕获:当某个元素出发某个事件,顶层对象document就会发出一个事件流, 随着DOM树的节 ...
js事件监听器用法实例详解
这篇文章主要介绍了js事件监听器用法,以实例形式较为详细的分析了javascript事件监听器使用注意事项与相关技巧,需要的朋友可以参考下本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体 ...
【JavaScript】JS事件机制学习
常用的事件通过事件机制,达到与用户的交互,与java的swing交互类似. 主要是结合js的函数使用. 当你添加一个事件之后没有达到想要的效果时,就要检查一下是不是给HTML标签添加了合适的事件,以 ...
click事件在什么时候出发_超全的js事件机制amp;事件委托
超全的js事件机制&事件委托,想要理解js事件只需认真看完此篇即可~ 目录结构: 什么是事件机制事件冒泡事件捕获 DOM事件流事件委托误区在同一个对象上注册事件,并不一定按照注册顺序执行 ...
JS事件的捕获和冒泡阶段
JS事件的捕获和冒泡阶段这里介绍两个事件模型:IE事件模型与DOM事件模型 IE内核浏览器的事件模型是冒泡型事件(没有捕获事件过程),事件句柄的触发顺序是从ChildNode到ParentNode. ...

js事件之神奇的onclick

js事件之神奇的onclick相关推荐

最新文章

热门文章