html端拼html的时候带监听事件的坑（字符串转变量）

最新推荐文章于 2024-06-20 12:47:37 发布

weixin_33794672

最新推荐文章于 2024-06-20 12:47:37 发布

阅读量100

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/childsplay/p/4636320.html

本文深入分析了一段HTML代码中如何正确输出全局变量的问题，并提供了避免潜在错误的解决方案。通过实例演示了在JavaScript环境中正确使用变量的重要性，强调了在HTML中输出变量时应注意的细节。

先上一段代码demo

    function test(a){
        console.log(a)
    }
    var s = "str", str="wtf";
    $("body").append('<div class="test" onclick=test('+s+')>test</div>');

猜猜看点击test这个标签的时候会打印出"str"还是"wtf"？

居然是"wtf"，wtf!

这段代码在页面里写的html是这样的

<div class="test" onclick="test(str)">test</div>

输出出来的str完全就是一个全局变量嘛，说好的字符串呢。

这种写法耦合不说，遇到这种字符串转变量的就坑爹了。

解决方法，加引号输出

 $("body").append('<div class="test" onclick=test("'+s+'")>test</div>');

这样输出出来的html就是

<div class="test" onclick="test(&quot;str&quot;)">test</div>

但是还是不建议这么写。

转载于:https://www.cnblogs.com/childsplay/p/4636320.html