JavaScriptd给onclick事件赋值,动态传参数实例辩错

错误的例子:

<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" onclick="">
</body> 
<script>
function show(value)
{
alert(value);
}
btn.onclick = show(certid.value);
<script> 

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

正确的方式有:

btn.onclick = show; 

缺陷:但是这样无法传值的!

最好可以改成这样:

<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" onclick="">
</body> 
<script>
function show(value1,value2)
{
alert(value1+","+value2);
} 

var i = 10;
btn.onclick = function(){
show(certid.value,i);
};
<script> 

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递!

时间: 2024-10-03 23:26:38

JavaScriptd给onclick事件赋值,动态传参数实例辩错的相关文章

uploadify 3.2 后台动态传参数

最近在弄一个上传的小功能,需要往后台传递一些动态参数,网上有一些传参数可能是因为版本不对也没成功.仔细看了官网的一些说明,搞定了. 3.2中传递参数用的的是'formData':{'somekey':'somevalue'}这个属性,但其不能传递动态参数:动态传参需要用到settings这个方法,官网上也说明了.示例如下: [javascript] view plain copy jQuery(document).ready(function () { var ctrlid = getQuery

jquery绑定事件时如何向事件函数里传参数

举例子说明: 步骤1:var button=$('<button type="button" class="btn btn-default">提交</button>'); button.bind("click",{menuid:"01"},form_submit); 如上代码所示即是button按钮绑定了click事件,而其对应的函数为form_submit();并传递了参数menuid,其值为01,

event事件不需要传参数

w3c事件对象的文档 http://www.w3school.com.cn/jsref/dom_obj_event.asp<!doctype html><html> <head> <meta charset="utf-8"> <meta name="view" content="width=device-width;user-scalable=no;initial-scale=1.0">

javacript onclick事件中传递对象参数

var user = {id:1, name:'zs', age:20}; var ele = '<a onclick="edit(' + JSON.stringify(user).replace(/"/g, '"') + ');">修改</a>'; 或者 var ele = '<a onclick="edit(\'' + JSON.stringify(user).replace(/"/g, '"') +

SQL语句动态传入参数

在进行数据库方面的编程的时候,难免要拼接SQL语句,一般贸易单引号的语句比较容易,如果有单引号,则稍微难一丢丢.下面以一个示例进行说明: String sql = "select * from stuDB where SID='"+stuId+"'"; 假设不需要动态传参数的时,语句为:select * from stuDB where SID ='1409044101'; 进行如下步骤: 1. select * from stuDB where SID = ' '

asp.net向后台传参数动态加载图片

//向后台传参数动态加载图片 $(function() { $("#Button1").click(function() { var stockcode = getUrlParam("stockcode"); $.ajax({ //要用post方式 type: "Post", //方法所在页面和方法名 url: "IndustryChain.aspx/Photo", contentType: "application

函数的第二节课,动态传参,动态关键字参数,作用域,关键字global和nonlocal

今日内容总结: 一.函数参数--动态传参 动态参数必须是在位置参数后面,比如:def chi(a,b,*food): print("我要吃",a,b,food)chi("大米饭","小米饭","黄瓜","西红柿") 默认值参数必须是在最后位置,比如:def chi(a,b,*food,c="馒头"): print(a,b,food,c)chi("香蕉", "

Datatables post 动态提交数据(传参数) 异步数据(ajax.data)

官网解释与方法:1 当向服务器发出一个ajax请求,Datatables将会把服务器请求到的数据构造成一个数据对象. 2 实际上他是参考jQuery的ajax.data属性来的,他能添加额外的参数传给服务器. 3 Datatables在此基础上还提供了一个函数,以便Datatables在请求服务器的时候可以处理这些数据. 闲言少叙,举几个栗子: 注意, 参数格式是必须和例子一样. 自认为最好用的datatables, post动态传参方法: //初始化表格 var oTable = $("#ex

Angular使用操作事件指令ng-click传多个参数示例

本文实例讲述了Angular使用操作事件指令ng-click传多个参数功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>www.jb51.net angular ng-click用于操作事件的指令</title> <script src="a