动态添加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