js中拼接字符串并且有html效果

最新推荐文章于 2024-05-20 15:31:49 发布

乱搭巴士

最新推荐文章于 2024-05-20 15:31:49 发布

阅读量1k

点赞数

分类专栏： html/css javascript

本文链接：https://blog.csdn.net/qq_45128278/article/details/104975196

版权

html/css 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

javascript

3 篇文章 0 订阅

订阅专栏

错误示例：

   var total;
str1="<li class="even"> <a class="user" href="#" style="width:12%;height: 16%"><img name="pic" class="img-responsive avatar_" src="images/icon02.png" alt=""><span class="user-name">王创</span></a>  <div class="reply-content-box"><span class="reply-time">";
str2="</span><div class="reply-content pr"><span class="arrow">&nbsp;</span>";
str3="</div></div></li>";

        $("#dialogtext").append(str1+time+str2+text+str3);

这样子会显示成字符串，没有html效果。

正确：

    var total;

        total='<li class="even"> <a class="user" href="#" style="width:12%;height: 16%"><img name="pic" class="img-responsive avatar_" src="images/icon02.png" alt=""><span class="user-name">王创</span></a>  <div class="reply-content-box"><span class="reply-time">'+
           time+ '</span><div class="reply-content pr"><span class="arrow">&nbsp;</span>'+text+'</div></div></li>';
        $("#dialogtext").append(total);