文档章节

html标签中绑定触发事件与js中绑定触发事件写法上的区别

睡不醒的黑客
 睡不醒的黑客
发布于 2015/10/29 11:37
字数 344
阅读 53
收藏 0
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js中方法名后加括号和不加口号的区别</title>
</head>
<body>
<div id="target"> 
</div> 
<button id="btn" onclick="test()">按钮</button> 
</body>
</html>

<script type="text/javascript">
var test = function(){ 
var span = document.createElement("span"); 
span.innerHTML="添加"; 
document.getElementById("target").appendChild(span); 
}

//document.getElementById("btn").onclick=test; 
//document.getElementById("btn").onclick=test(); 
</script>

如上述的代码,

在button标签中绑定onclick事件,要写成test(),不能写成test,test是指向一个function,当点击按钮的时候,test()就告诉浏览器执行test函数,而test只是告诉了浏览器test函数,并没有要执行

在js中onclick绑定时,要写成test,这样就会把test函数绑定在按钮上,当点击的时候就执行,如果写成test()的话,在onclick绑定时就执行了test函数,所以onclick绑定的东西是test执行后的结果或者返回函数,如果想绑定的是某个函数的返回函数(return function{}),就可以用onclick=test();


以上是通过网上找资料、自己实践后自我总结的一点看法,和大家分享下,如果有什么写的不对地方还请大家多多包涵、多提提意见



© 著作权归作者所有

睡不醒的黑客
粉丝 0
博文 5
码字总数 700
作品 0
杭州
程序员
私信 提问
jQuery基础 - 常用基本属性

jQuery简介 jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程 jQuery 对象是通过jQuery包装DOM对象后产生的对象,jQuery对象是jQuery独有的,如果一个对象就是jQuery对象,那么它...

ZHAO_JH
2018/07/31
22
0
jQuery零基础入门——(七)事件

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 我们在《零基础入门JavaScript》...

JandenMa
2018/07/27
21
0
前端杂谈: DOM event 原理

前端杂谈: DOM event 原理 DOM 事件是前端开发者习以为常的东西. 事件的监听和触发使用起来都非常方便, 但是他们的原理是什么呢? 浏览器是怎样处理 event绑定和触发的呢? 让我们通过实现一个...

ssthouse_hust
2018/11/22
196
0
jquery之trigger()

这个函数也会导致浏览器同名的默认行为的执行。比如,如果用trigger()触发一个'submit',则同样会导致浏览器提交表单。如果要阻止这种默认行为,应返回false。 <script type="text/javascrip...

freedonn
2014/09/13
177
0
小程序和Vue关于绑定数据书写上的区别

一、书写格式上 1、绑定事件 Vue: 小程序: Vue是通过:事件名字='回调函数名'。 小程序以或开头,后面跟着事件类型,例如、。自基础库版本1.5.0起,和后可以紧跟一个冒号,其含义不变,如。...

fenerchen
2018/06/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

GUAVA--基础工具(Throwables)

1、异常传播 有时候,你会想把捕获到的异常再次抛出。这种情况通常发生在 Error 或 RuntimeException 被捕获的时候,你 没想捕获它们,但是声明捕获 Throwable 和 Exception 的时候,也包括了...

MrYuZixian
24分钟前
6
0
电磁兼容入门篇之辐射发射(辐射骚扰)试验

今天我们一起学习的是四个EMI测试项之一:辐射发射(RE),较前两篇相比的话,今天可能会有一点点深度,不过不用担心,我们先做一个了解,等到测试时或测试后再回过来结合本文,就能掌握的更...

demyar
36分钟前
4
0
Redis 事务:将一组命令放在同一个事务中进行处理

事务 MULTI 、 EXEC 、 DISCARD 和 WATCH 是 Redis 事务相关的命令。事务可以一次执行多个命令, 并且带有以下两个重要的保证: 事务是一个单独的隔离操作:事务中的所有命令都会序列化、按顺...

须臾之余
39分钟前
6
0
Spring Boot Tomcat配置项

参数配置容器 server.xx开头的是所有servlet容器通用的配置,server.tomcat.xx开头的是tomcat特有的参数,其它类似。 所有参数绑定配置类:org.springframework.boot.autoconfigure.web.Serv...

xiaomin0322
49分钟前
7
0
微课程 | 第二课《Docker 安装方式介绍》

微课程 | 第二课《Docker 安装方式介绍》视频 https://v.youku.com/v_show/id_XNDQ0NDUzNjkxNg==.html?spm=a2hzp.8244740.0.0 上一期我们介绍了 DBLE 的基本概况,下面进入我们的正题,正题基...

爱可生
49分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部