js给onclick事件赋值,动态传参数实例解说


Posted in Javascript onMarch 28, 2013

我们先看看错误的例子
Html代码

<body> 
<input id="certid" type="text" value="123456" > 
<input id="btn" type="button" value="button" onclick=""> 
</body>

Javascript代码
<script> 
function show(value) 
{ 
alert(value); 
} btn.onclick = show(certid.value); 
<script>

以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样
btn.onclick = show;

参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码
<body> 
<input id="certid" type="text" value="123456" > 
<input id="btn" type="button" value="button" onclick=""> 
</body>

Javascript代码
<script> 
function show(value1,value2) 
{ 
alert(value1+","+value2); 
} var i = 10; 
btn.onclick = function(){ 
show(certid.value,i); 
}; 
<script>

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
Javascript 相关文章推荐
用JavaScript编写COM组件的步骤
Mar 17 Javascript
web 页面分页打印的实现
Jun 22 Javascript
奉献给JavaScript初学者的编写开发的七个细节
Jan 11 Javascript
js在IE与firefox的差异集锦
Nov 11 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
Oct 16 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
Jun 15 Javascript
vue 里面使用axios 和封装的示例代码
Sep 01 Javascript
使用JS动态显示文本
Sep 09 Javascript
JS实现手写parseInt的方法示例
Sep 24 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
JS事件流与事件处理程序实例分析
Aug 16 Javascript
Element中Slider滑块的具体使用
Jul 29 Javascript
自定义jQuery选项卡插件实例
Mar 27 #Javascript
js数组的操作详解
Mar 27 #Javascript
jquery获取tr中控件值并操作tr实现思路
Mar 27 #Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 #Javascript
JS删除数组元素的函数介绍
Mar 27 #Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 #Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 #Javascript
You might like
一个域名查询的程序
2006/10/09 PHP
用PHP和ACCESS写聊天室(六)
2006/10/09 PHP
apache和PHP如何整合在一起
2015/10/12 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
js CSS操作方法集合
2008/10/31 Javascript
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
JavaScript 变量命名规则
2009/09/23 Javascript
Javascript 遮罩层和加载效果代码
2013/08/01 Javascript
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
2015/11/02 Javascript
angularjs创建弹出框实现拖动效果
2020/08/25 Javascript
JS检测移动端横竖屏的代码
2016/05/30 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
Bootstrap源码解读导航条(7)
2016/12/23 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
教你用python3根据关键词爬取百度百科的内容
2016/08/18 Python
python和ruby,我选谁?
2017/09/13 Python
Python基于列表list实现的CRUD操作功能示例
2018/01/05 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
解决Django no such table: django_session的问题
2020/04/07 Python
Hotels.com中国区:好订网
2016/08/18 全球购物
英国领先的家庭时尚品牌:Peacocks
2018/01/11 全球购物
升职自荐信
2013/11/28 职场文书
《飞向蓝天的恐龙》教学反思
2014/04/09 职场文书
人事任命书范文
2014/06/04 职场文书
我的中国心演讲稿
2014/09/04 职场文书
工厂标语大全
2014/10/06 职场文书
2014年销售部工作总结
2014/12/01 职场文书
服务员岗位职责范本
2015/04/09 职场文书
公司财务人员岗位职责
2015/04/14 职场文书
mysql使用 not int 子查询隐含陷阱
2022/04/12 MySQL
app场景下uniapp的扫码记录
2022/07/23 Java/Android