关于js 拼接字符串带有特殊字符的处理

原创于 2022-01-19 15:37:43 发布 · 2.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

javascript 专栏收录该内容

27 篇文章

订阅专栏

本文探讨了在确保浏览器兼容性的同时如何处理HTML中特殊字符的问题。为了解决IE浏览器下的模板字符串限制，文章介绍了如何通过自定义函数htmlEscape()来转义特殊字符，避免因直接拼接字符串而导致的HTML解析错误。

因为兼容ie的问题不能使用模板字符串，所以对于字符串的变量拼接还是使用的 + _var + 的形式

'<p title=" '+ item.value + ' " class="pubTableItemStyle">' + item.value + '</p>'

因为 value值内存在特殊字符 "" ,所以如果正常拼接的话， title的内容就会出现被中间存在的" 给中断了，导致显示不全的问题，这个时候就需要就需要先对特殊字符进行转义，然后再进行显示

'<p title=" '+ htmlEscape(item.value) + ' " class="pubTableItemStyle">' + item.value + '</p>'

function htmlEscape(str) {
  return String(str)
      .replace(/&/g, '&amp;')
      .replace(/"/g, '&quot;')
      .replace(/'/g, '&#39;')
      .replace(/</g, '&lt;')
      .replace(/>/g, '&gt;');
}