js html标签转义

作者：放电的牛发布日期:2025-08-05 浏览:93

// HTML标签转义函数示例

function escapeHtml(text) {
    // 创建一个DOM元素用于处理HTML转义
    const tempDiv = document.createElement('div');

    // 设置textContent属性，浏览器会自动对特殊字符进行转义
    tempDiv.textContent = text;

    // 返回转义后的HTML字符串
    return tempDiv.innerHTML;
}

// 示例用法
const originalText = "<div>这是一个测试</div>";
const escapedText = escapeHtml(originalText);
console.log(escapedText);  // 输出: &lt;div&gt;这是一个测试&lt;/div&gt;

// 解释说明:
// 该函数通过创建一个临时的DOM元素，并使用textContent属性来确保所有特殊字符都被正确转义。
// 最后返回转义后的HTML字符串，这样可以防止XSS攻击和其他安全问题。

上一篇：js 转义

下一篇：js 图片url转base64