js动态添加html标签函数中的参数写法

js动态添加html标签，此html中包含onclick等事件，必然要引用函数，那么函数中的参数如何写？

1，function showi(m){
alert(m);
}
function change(){
var  x=6;
document.write('<a href="#"  οnclick="showi('  '+x+'   ')">点击</a>');
};
change();

//6

2，document.write('<a href="#"  οnclick="showi( '+x+'  )">点击</a>');

//6

3，document.write('<a href="#"  οnclick="showi(  x  )">点击</a>');

//出错

4，document.write('<a href="#"  οnclick=" x=7; showi('  '+x+'   ')">点击</a>');

//6

5,document.write('<a href="#"  οnclick=" x=7; showi(   '+x+'   )">点击</a>');

//6

6,document.write('<a href="#"  οnclick=" x=7; showi(   x   )">点击</a>');

//7

7,document.write('<a href="#"  οnclick=" x='hello'; showi(   x   )">点击</a>');

//hello

8,var  x="HELLO";

document.write('<a href="#"  οnclick="  showi(' '+   x +' '   )">点击</a>');

//HELLO;

9, var x=6;

document.write('<a href="#"  οnclick="  showi(' +   x + '   )">点击</a>');

//+x+

10,var x=6

document.write('<a href="#"  οnclick="  showi('+   x +'    )">点击</a>');

// 6

根据以上实验：

在js动态添加html标签，此html中包含onclick等事件，引用函数，那么函数中的参数这样写：

当函数中的参数来自于标签中的变量，参数形式就是普通的形式，直接showi(  x  )就行了。

eg:document.write('<a href="#"  οnclick=" x='hello'; showi(   x   )">点击</a>');

document.write('<a href="#"  οnclick="  showi(   'hello'   )">点击</a>');

document.write('<a href="#"  οnclick="  showi(  7  )  ">点击</a>');

当函数中的参数来自于动态加载html的js，若参数是数字，则showi( '+x+')；若参数是字符串，则showi('  '+x' ');

最后

以上就是优美钢笔为你收集整理的js动态添加html标签函数中的参数写法的全部内容，希望文章能够帮你解决js动态添加html标签函数中的参数写法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。