现代浏览器中的诸多特殊字符,往往不会直接打印出来,而是根据特定解释表现出来。
介绍三种用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)(仅当下一个字符不是十进制数字时;否则它是八进制转义序列)