JS一千问(16):如何转义特殊字符?

现代浏览器中的诸多特殊字符,往往不会直接打印出来,而是根据特定解释表现出来。

介绍三种用JavaScript转义特殊字符的方式。

1.textarea标签

<p id="demo"></p>

<script>
var test = '#&&////<h1>Hello</h1><p>World</p>';
var escape = document.createElement('textarea');
function escapeHTML(html) {
    escape.textContent = html;
    return escape.innerHTML;
}
var result = escapeHTML(test);
document.getElementById("demo").innerHTML = result;
</script>

2.DOM createTextNode()

<p id="demo"></p>

<script>
    var test = '#&&////<h1>Hello</h1><p>World</p>';
    var text_node = document.createTextNode(test);
    var ele = document.getElementById('demo');
    ele.appendChild(text_node);
</script>

3.使用转义字符

JavaScript 使用 \(反斜杠) 作为转义字符。

alert("Hellow \"escape\" World");
  • \’ 单引号
  • \” 双引号
  • \ 反斜杠
  • \n 换行
  • \r 回车
  • \t 标签
  • \b 退格
  • \f 换页
  • \v 垂直制表符
  • \0 空字符 (U+0000 NULL)(仅当下一个字符不是十进制数字时;否则它是八进制转义序列)

Leave a Comment

您的电子邮箱地址不会被公开。 必填项已用*标注