html事件传递参数

来源:互联网 发布:管家婆单机版软件 编辑:程序博客网 时间:2024/05/17 02:39

本内容仅涉及,html事件~~主要讲下面两件事:

1、this传递

2、怎么传多个参数


这是在html中绑定事件

<input type="button" value="增加一行" onclick="addrow(this,2,'sb')">

js中函数

function addrow(a,con,con1){console.log(a);var tab=document.getElementsByTagName('table')[0];var newtr=document.createElement('tr');var newtd=document.createElement('td');newtd.innerHTML=a;var newtd1=document.createElement('td');newtd1.innerHTML=con1;newtr.append(newtd);newtr.append(newtd1);tab.append(newtr);}

这里尝试了一下,如果函数中没有a来接收this,那在函数内部,使用this,它指向的是window对象。


在绑定事件的时候,可以传递多个参数,在函数中也需要用con,con1来接收传递的两个参数。(注意一点,传递‘sb’这个参数的时候,要用单引号哦,不然会报错~)


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


这里如果不用con、con1来接收参数的话,可以用arguments[0]....这样的方式来调用传递进来的参数。


原创粉丝点击