防止js脚本攻击

如何防止js脚本攻击的方法
Javascript可以作为黑客攻击网站的一种工具，其中注入js（javascript）恶意脚本就是其中一种手段之一，那么下面，大家来学习一下如何预防js的注入攻击呢?

一、什么是 JavaScript 注入攻击？

每当接受用户输入的内容并重新显示这些内容时，网站就很容易遭受 JavaScript 注入攻 击。让我们研究一个容易遭受 JavaScript 注入攻击的具体应用程序。假设已经创建了一个客户反馈网站。客户可以访问网站并输入对产品的反馈信息。当客户提交反馈时，反馈信 息重新显示在反馈页面上。客户反馈网站是一个简单的网站。不幸的是，此网站容易遭受 JavaScript 注入攻击。

二、什么是html转义

html转义是将特殊字符或html标签转换为与之对应的字符。如：< 会转义为 <> 或转义为 >像“”，即避免了js注入攻击又真实的显示了用户输入。
三、如何转义
1、通过js实现

//转义 元素的innerHTML内容即为转义后的字符
function htmlEncode ( str ) {
 var ele = document.createElement('span');
 ele.appendChild( document.createTextNode( str ) );
 return ele.innerHTML;
}
 
//解析 
function htmlDecode ( str ) {
 var ele = document.createElement('span');
 ele.innerHTML = str;
 return ele.textContent;
}

2、通过jquery实现

function htmlEncodeJQ ( str ) {
  return $('<span/>').text( str ).html();
}
 
function htmlDecodeJQ ( str ) {
  return $('<span/>').html( str ).text();
}

3、使用

var msg=htmlEncodeJQ('<script>alert('test');</script>');
 
$('body').append(msg);

建议使用jquery实现，因为有更好的兼容性。
参考文献
https://blog.csdn.net/qq_43288110/article/details/82872248?utm_source=copy
https://blog.csdn.net/longxingzhiwen/article/details/52794402