动态添加HTML时onclick函数参数传递

onclick函数动态传参

1.参数为数值类型时:

var tmp = 123;
var strHTML = "<div onclick=func(" + tmp + ")>点击弹出数据及其类型</div>";
info.append(strHTML);

function func(tmp) {
	alert(typeof tmp + " " + tmp);
}

string 123

2.参数为字符串类型时:

var tmp = "abc";
var strHTML = "<div onclick=func('" + tmp + "')>点击弹出数据及其类型</div>";
info.append(strHTML);

function func(tmp) {
	alert(typeof tmp + " " + tmp);
}

 打印出 string abc


3.传两个及以上的参数时:

var tmp = "abcda";
var type = "xza";
//tmp参数和type参数之间不能有空格
var strHTML = "<div onclick=func('" + tmp + "','" + type + "')>点击弹出数据及其类型</div>";
info.append(strHTML);

function func(tmp, type) {
	alert(tmp + " " + type);
}

 打印出 abcda xza

4.参数为数组时:

var tmp = ["abc", "ddd", "gg"];
var strHTML = "<div onclick=func('" + tmp + "')>点击弹出数据及其类型</div>";
info.append(strHTML);

function func(tmp) {
	alert(typeof tmp + " " + tmp);
}

 打印出  string abc,ddd,gg

原文地址:https://www.cnblogs.com/hamfy/p/3091888.html