2024年前端最全前端预防XSS攻击全攻略_反射型xss前端如何限制，字节前端面试必问

2401_84446787

已于 2024-05-06 19:50:09 修改

阅读量660

点赞数 13

分类专栏：程序员文章标签：前端 xss 面试

于 2024-05-06 19:50:07 首次发布

本文链接：https://blog.csdn.net/2401_84446787/article/details/138506102

版权

程序员专栏收录该内容

158 篇文章 0 订阅

订阅专栏

HTTP

HTTP 报文结构是怎样的？
HTTP有哪些请求方法？
GET 和 POST 有什么区别？
如何理解 URI？
如何理解 HTTP 状态码？
简要概括一下 HTTP 的特点？HTTP 有哪些缺点？
对 Accept 系列字段了解多少？
对于定长和不定长的数据，HTTP 是怎么传输的？
HTTP 如何处理大文件的传输？
HTTP 中如何处理表单数据的提交？
HTTP1.1 如何解决 HTTP 的队头阻塞问题？
对 Cookie 了解多少？
如何理解 HTTP 代理？
如何理解 HTTP 缓存及缓存代理？
为什么产生代理缓存？
源服务器的缓存控制
客户端的缓存控制
什么是跨域？浏览器如何拦截响应？如何解决？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

二、xss攻击的两种方式

1、反射型攻击

黑客在钓鱼网站设置其URL链接，URL链接可为色情动图、诱惑小视频，此URL链接内嵌有其恶意脚本，你点后 ,恶意脚本被返回至你的浏览器里。此时脚本就会运行，一旦控制了浏览器可得到大量东西，浏览器内包含cookie，可利用cookie伪造你的用户登录的session 状态，去以你这个用户的名义干一些事儿。

2、持久性攻击

持久型攻击，论坛、社交网站之类的系统，可发布一些帖子，评论。黑客可在里面写一段恶意脚本，然后把恶意脚本混杂在评论内容里提交到网站的数据库里去。然后其他用户在社交网站里浏览到了黑客的这个评论，评论内容会被返回到其浏览器里去，此时评论内容是包含恶意js脚本的，马上恶意脚本运行，可利用cookie伪造你的用户登录的session 状态，去以你这个用户的名义干一些事儿。

三、如何防止XSS攻击

如果要防止XSS攻击，一般来说手段有如下3种：

包含恶意URL链接的图片、视频、动图、flash动画，少点，尽量使用正规的网站 ;
消毒机制，代码里必须对内容进行消毒，就是进行一些转义，比如说把>转义为>之类的，这样就可以把恶意脚本里的html标签、js代码之类的东西，都给转义掉，让这些恶意脚本失效 -> ，这种东西在浏览器里是不会运行的这样的话，转义以后的脚本被其他用户看到的时候也不会在浏览器里运行了;
HttpOnly方式，这个意思是说如果你在浏览器里存放cookie的时候，可以设置一个HttpOnly属性，比如说存放用户加密认证信息的 cookie，这样的话，在浏览器里运行的js脚本是被禁止访问这些HttpOnly cookie的，他就无法窃取你在浏览器里存储的cookie了。