javascript - html拼接字符串中特殊字符(‘ “ 等的转义问题)
大家讲道理
大家讲道理 2017-04-10 14:45:59
[JavaScript讨论组]

问题描述:
html拼接一段字符串,然后append()上去,比如这么一句代码

var string5 = "<p class='p2' name='"+str1+"'>test2222</p>";

str1可以是其他地方获取过来的一段字符串,而且该段字符串中有引号,如ABC'EFG'XX""
问题在于 把这段字符串传放进去,append()上,就变成

var string5 = "<p class='p2' name='ABC'EFG'XX""'>test2222</p>";

这样的话 后续取这个字段用的时候

var getName = $(".p2").attr("name");

实际取到的字符串是ABC,这样就有问题了

然后想通过转义解决

.replace(/'/g,"\\'").replace(/"/g,'\\"')

于是乎 append()后变成

var string5 = "<p class='p2' name='ABC\'EFG\'XX\"\"'>test2222</p>";

可是问题依旧,尝试过

"<p class='p2' name="+str1+">test2222</p>";

name属性后面不加引号了,这样放进去就不会有多重引号的问题,而这样的问题要是遇到的str1里面有空格,那么它会在空格处截断...

这个点有什么比较好的解决方案?

正则转义字符串中引号demo

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
ringa_lee

转义方法不对, 应该使用HTML实体编码

function escapeHtml(string) {
    var entityMap = {
        "&": "&amp;",
        "<": "&lt;",
        ">": "&gt;",
        '"': '&quot;',
        "'": '&#39;',
        "/": '&#x2F;'
    };
    return String(string).replace(/[&<>"'\/]/g, function (s) {
        return entityMap[s];
    });
}

var string5 = "<p class='p2' name='" + escapeHtml(str1) + "'>test2222</p>";
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号