标签模版-过滤 HTML 字符串

最新推荐文章于 2025-05-10 12:59:32 发布

Wangdanting123

最新推荐文章于 2025-05-10 12:59:32 发布

阅读量430

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Wangdanting123/article/details/84900421

本文介绍了一个用于防止XSS攻击的安全HTML模板函数实现。该函数通过转义特定的HTML字符，确保了动态插入的内容不会被浏览器解析为恶意脚本，从而提高了网页应用的安全性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  function SaferHTML(templateData) {
    let s = templateData[0];
    for (let i = 1; i < arguments.length; i++) {
      let arg = String(arguments[i]);

      s += arg.replace(/&/g, "&amp;")
              .replace(/</g, "&lt;")
              .replace(/>/g, "&gt;");
      s += templateData[i]         
    }
    return s
  }

  let sender = '<a>alert("abc")</a>';
  let message = SaferHTML`<p>${sender} has sent you a message.</p>`;
  message //<p>&lt;a&gt;alert("abc")&lt;/a&gt; has sent you a message.</p>

  function SaferHTML(templateData) {
    let s = [];
    
    for (let i = 1; i < arguments.length; i++) {
      let arg = String(arguments[i]); 
      
      s[i-1] = arg.replace(/&/g, "&amp;")
                  .replace(/</g, "&lt;")
                  .replace(/>/g, "&gt;");
    }
    return String.raw({ raw: templateData }, ...s);
  }


  let sender = '<a>alert("abc")</a>';
  let message = SaferHTML`<p>${sender} has sent you a message.</p>`;
  message //<p>&lt;a&gt;alert("abc")&lt;/a&gt; has sent you a message.</p>