js常用拼接DOM写法+点击事件函数传值(简单数据类型和引用数据类型一)

最新推荐文章于 2024-05-12 09:09:50 发布

范儿斯

最新推荐文章于 2024-05-12 09:09:50 发布

阅读量741

点赞数

分类专栏： # js常用拼接方法和问题文章标签：前端 javascript json

本文链接：https://blog.csdn.net/Leader_yuxi/article/details/128152118

版权

js常用拼接方法和问题专栏收录该内容

3 篇文章 0 订阅

订阅专栏

项目场景：

结上一节,现在需要在动态生成的DOM元素上绑定点击事件并且通过事件函数传值

示例代码如下:


<body>

    <button id="btn">点击生成按钮</button>

</body>

<script>

    function getPrams(params) {
        console.log(params)
    }

    $("#btn").click(function () {
    
   		var strParams = "abc";//传String数据
   		//普通拼接方法由于绑定的事件函数getPrams("")括号里面已经占用了一种引号的情况下
   		//可以使用\'和\"转义符区别开来
   		//var btn ="<button οnclick=\"getPrams('"+ strParams +"')\">按钮</button>";
   		//var btn ='<button οnclick=\'getPrams("'+ strParams +'")\'>按钮</button>';
   		//反引号``(模板字符串)拼接getPrams("")
   		//强调一下无论什么方法拼接,事件函数括号中一定要带有引号不然渲染到页面会当做变量解析
      	var btn= `<button οnclick='getPrams("${strParams}")'>按钮</button>`;
      	$("body").append(btn);

  

    })

</script>