news 2026/4/18 11:08:56

【前端基础】04-XSS(跨站脚本攻击,Cross-Site Scripting)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【前端基础】04-XSS(跨站脚本攻击,Cross-Site Scripting)

文章目录

  • XSS(跨站脚本攻击,Cross-Site Scripting)
  • XSS 的危害
  • 开发者的 XSS 检查清单
  • 其他
    • 一个用户输入会影响其他用户?
    • 为什么用户不需要点击?
    • 为什么小明输入的,别人浏览网页也要加载?
    • 只有博客才会出现 XSS 问题吗?

XSS(跨站脚本攻击,Cross-Site Scripting)

XSS​ 是一种常见的 Web 安全漏洞,攻击者通过在网页中注入恶意脚本,当其他用户访问该网页时,恶意脚本会在用户的浏览器中执行。

XSS 的本质是 “浏览器信任了来自不可信来源的数据,并把它当作代码执行”。核心在于 “数据被误当作代码执行”。

XSS 的危害

窃取用户 Cookie 或会话信息。 伪造用户操作(如转账、发帖)。 窃取敏感数据(如密码、个人信息)。 劫持用户会话。

开发者的 XSS 检查清单

  • 所有用户输入是否经过后端校验?
  • 输出到 HTML 时是否转义了特殊字符?
  • 是否避免使用 innerHTML等危险 API?
  • 是否设置了 CSP 头?
  • Cookie 是否标记为 HttpOnly?
  • 是否对第三方数据也做了安全处理?

其他

一个用户输入会影响其他用户?

一个用户的恶意输入会威胁所有用户,是因为恶意内容被存在数据库里,每次其他用户访问页面时,后端都会把恶意内容读出来,浏览器误把它当作代码执行。
只要开发者做好输出转义,就能彻底切断这个攻击链。

XSS 最危险的地方:用户不需要任何点击,只要打开页面,恶意脚本就会自动执行。

为什么用户不需要点击?

因为 HTML 的渲染是自动的。
只要恶意代码被拼接到 HTML 中,浏览器就会在加载页面时自动执行。

不需要点击:恶意脚本直接嵌入在页面 HTML 中,浏览器加载页面时自动执行。 用户完全无感知:可能只看到页面正常显示,但后台脚本已经窃取了数据。 危害更大:因为用户不需要任何操作就会中招。

防御关键:永远不要直接把用户输入拼接到 HTML 中,一定要转义!

为什么小明输入的,别人浏览网页也要加载?

数据库是共享的:所有用户的评论都存在同一个表里。 查询逻辑是“按文章查”:显示文章时,会加载这篇文章下的所有评论。 恶意内容被当作普通数据查询出来:小明的评论和其他人的评论一样,被后端读取并输出到网页。 浏览器自动执行:恶意内容被拼接到 HTML 中,浏览器解析时自动执行。

根本原因:

博客系统的设计是公共可见的(所有评论对所有人可见)。 开发者没有对公共内容做安全处理(转义)。 导致一个人的恶意输入,能通过公共页面影响所有访问者。

解决方案:

不要改变“公共可见”的设计(否则博客就没意义了),而是做好输出转义,让恶意代码变成无害的纯文本。

只有博客才会出现 XSS 问题吗?

绝对不是!​ 博客只是一个最容易理解的例子,实际上任何允许用户生成内容并公开显示的系统​ 都可能出现这个问题。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/18 8:18:33

Springboot应急物资管理系统s8124(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。

系统程序文件列表项目功能:物资类型,用户,地区,物资需求,物资捐赠,应急物资,物资出库,物资入库,供应商,物资筹措开题报告内容一、研究背景与意义(一)现实背景全球自然灾害与公共卫生事件频发,传统应急物资管理暴露三大核心痛点&am…

作者头像 李华
网站建设 2026/4/18 10:08:16

从混乱到高效:2026年玄微科技如何重塑孕产门店运营?

在孕产健康管理行业快速发展的今天,门店运营的精细化与智能化已成为提升竞争力的关键。面对市场上众多管理系统选项,如何选择正规且适配的专业解决方案,成为行业从业者的核心关切。本文聚焦孕产场景,深入分析行业需求,…

作者头像 李华
网站建设 2026/4/17 16:25:15

微信社群机器人接口

在微信深度渗透私域流量与社群运营的背景下,WTAPI社群机器人API凭借其“高稳定、易开发、强扩展”的技术特性,为开发者提供了覆盖营销系统、智能客服、自定义机器人等核心场景的微信二次开发解决方案。以下结合用户核心需求与WTAPI技术优势,系…

作者头像 李华
网站建设 2026/4/17 22:11:05

AI助力下的持续集成与部署创新

AI助力下的持续集成与部署创新关键词:人工智能、持续集成、持续部署、DevOps、机器学习、自动化测试、智能监控摘要:本文探讨了人工智能技术如何革新传统的持续集成与持续部署(CI/CD)流程。我们将深入分析AI在代码审查、测试自动化、部署优化和异常检测等…

作者头像 李华
网站建设 2026/4/18 2:32:49

Springboot应急信息管理及统计分析系统5y51w(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。

系统程序文件列表 项目功能:用户,灾害分类,危害等级,灾害信息,应急联系方式,应急信息,伤亡统计,损失统计 开题报告内容 一、研究背景与意义 (一)现实背景 应急信息碎片化:2023年京津冀暴雨灾害中,应急部门需整合气…

作者头像 李华