首页 / JAVASCRIPT / 在Javascript中包含换行符的Unescape HTML实体？

在Javascript中包含换行符的Unescape HTML实体？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了在Javascript中包含换行符的Unescape HTML实体？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1651字，纯文字阅读大概需要3分钟。

内容图文

如果您有一个包含HTML实体的字符串并且想要忽略它,则会多次建议此解决方案(或其变体)：

function htmlDecode(input){
  var e = document.createElement('div');
  e.innerHTML = input;
  return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}

htmlDecode("<img src='myimage.jpg'>"); 
// returns "<img src='myimage.jpg'>"

(例如,见答案：https://stackoverflow.com/a/1912522/1199564)

只要字符串不包含换行符并且我们没有在Internet Explorer版本10之前运行(在版本9和8上测试),这样就可以正常工作.

如果字符串包含换行符,则IE 8和9将用空格字符替换它,而不是保持不变(因为它在Chrome,Safari,Firefox和IE 10上).

htmlDecode("Hello\nWorld"); 
// returns "Hello World" on IE 8 and 9

对于在版本10之前与IE一起使用的解决方案的任何建议？

解决方法:

最简单但可能不是最有效的解决方案是让htmlDecode()仅对字符和实体引用起作用：

var s = "foo\n&amp;\nbar";
s = s.replace(/(&[^;]+;)+/g, htmlDecode);

更高效的是使用htmlDecode()的优化重写,每次输入只调用一次,仅对字符和实体引用起作用,并重用DOM元素对象：

function htmlDecode (input)
{
  var e = document.createElement("span");

  var result = input.replace(/(&[^;]+;)+/g, function (match) {
    e.innerHTML = match;
    return e.firstChild.nodeValue;
  });

  return result;
}

/* returns "foo\n&\nbar" */
htmlDecode("foo\n&amp;\nbar");

Wladimir Palant已经指出了这个函数的XSS问题：The value of some (HTML5) event listener attributes, like onerror, is executed if you assign HTML with elements that have those attributes specified to the innerHTML property.所以你不应该在包含实际HTML的任意输入上使用此函数,只能在已经转义的HTML上使用.否则,您应该相应地调整正则表达式,例如使用/(& [^;<>];)/来防止& …; where …包含匹配的标签.

对于任意HTML,请参阅他的alternative approach,但请注意它不如此兼容.

内容总结

以上是互联网集市为您收集整理的在Javascript中包含换行符的Unescape HTML实体？全部内容，希望文章能够帮你解决在Javascript中包含换行符的Unescape HTML实体？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/791531.html

来源：【匿名】