jquery html特殊字符反转义,JS - 实现HTML标签的转义、反转义的几种方法
时间: 2023-09-11 09:12:25 浏览: 119
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
5星 · 资源好评率100%
你好!要实现HTML标签的转义和反转义,可以使用jQuery或者纯JavaScript来完成。下面是几种方法:
1. 使用jQuery的.text()方法进行转义和反转义:
```javascript
// 转义HTML标签
var escapedText = $('<div>').text('<p>Some text</p>').html();
console.log(escapedText); // 输出:<p>Some text</p>
// 反转义HTML标签
var unescapedText = $('<div>').html('<p>Some text</p>').text();
console.log(unescapedText); // 输出:<p>Some text</p>
```
2. 使用纯JavaScript的innerHTML属性进行转义和反转义:
```javascript
// 转义HTML标签
var escapedText = document.createElement('div');
escapedText.textContent = '<p>Some text</p>';
var escapedHTML = escapedText.innerHTML;
console.log(escapedHTML); // 输出:<p>Some text</p>
// 反转义HTML标签
var unescapedText = document.createElement('div');
unescapedText.innerHTML = '<p>Some text</p>';
var unescapedHTML = unescapedText.textContent;
console.log(unescapedHTML); // 输出:<p>Some text</p>
```
3. 使用纯JavaScript的正则表达式进行转义和反转义:
```javascript
// 转义HTML标签
function escapeHTML(html) {
return html.replace(/</g, '<').replace(/>/g, '>');
}
var escapedText = escapeHTML('<p>Some text</p>');
console.log(escapedText); // 输出:<p>Some text</p>
// 反转义HTML标签
function unescapeHTML(html) {
return html.replace(/</g, '<').replace(/>/g, '>');
}
var unescapedText = unescapeHTML('<p>Some text</p>');
console.log(unescapedText); // 输出:<p>Some text</p>
```
上述方法可以帮助你实现HTML标签的转义和反转义。希望对你有帮助!如果还有其他问题,请随时提问。
阅读全文