XSS攻击详解，零基础入门到精通，收藏这篇就够了

最新推荐文章于 2025-08-20 10:56:50 发布

原创最新推荐文章于 2025-08-20 10:56:50 发布 · 1k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#xss #前端

计算机同时被 3 个专栏收录

1725 篇文章

订阅专栏

程序员

1724 篇文章

订阅专栏

互联网

1347 篇文章

订阅专栏

一.什么是XSS攻击

1.1XSS简介

   在web安全的领域中，xss攻击是最常见的一种攻击方式。xxs攻击的全称是Cross Site Scripting即跨站脚本，当目标网站的目标用户浏览器渲染HTML文档的过程中，出现了不被预期的脚本指令并且执行的时候，xss攻击就发生了。总的来说，它是一种代码注入攻击，攻击者在目标网站注入恶意脚本，使其在用户的浏览器运行，利用这些恶意脚本，来盗取用户的敏感信息如cookie等，进而危害数据安全。

1.2XSS攻击原理

  xss漏洞产生的主要原因是由于程序对输入和输出的控制不够严格，导致构建的恶意代码输入后，在前端浏览的时候被当作有效的代码解析执行从而产生危害。XSS攻击的重点不在于跨站，而在于脚本的攻击。

二.XSS攻击的分类

  根据攻击的来源，可以分为反射型，DOM型，存储型XSS攻击。

2.1.反射型XSS（非持久型XSS）

2.1.1反射型XSS攻击原理

    反射型XSS的攻击方式的注入代码是目标服务器通过错误信息，搜索结果等方式“反射”回来的，发出请求时，XSS代码出现在URL中，作为输入提交到服务器端，服务器端解析后相应，XSS代码随着响应内容一起返回到浏览器端，浏览器解析执行XSS代码。这个过程像一次反射，故称为反射型XSS。由于这种攻击具有一次型，由于代码注入的是一个动态产生的页面而不是一个永久的页面，所以这种攻击只有在点击链接时才产生作用，所以也称为非持久型XSS攻击。

2.1.2反射型攻击过程

     攻击者构造了一个包含恶意字符串的URL并且将其发送给用户---------->攻击者诱导用户发起这个恶意URL请求---------->网站在响应中引入这个恶意字符串----------->用户的浏览器执行响应中的恶意脚本，把用户的cookies信息发送给攻击者的服务器。

2.1.3反射型XSS攻击位置

    用户登录入口，网站搜索框等。

2.1.4漏洞原因

    1.将不可信的数据插入到HTML标签之间；

    2.将不可信的数据插入到HTML属性中；

   3.将不可信数据插入到SCRIPT中；

    4.将不可信的数据插入到style属性当中，也具有一样的危害性

    5.将不可信的数据插入到HTML的URL中

2.2.存储型攻击（持久型）

2.2.1存储型攻击原理

     存储型xss是将攻击脚本永久地嵌入某一个页面中，当用户访问的时候就会触发执行，从而用户受到相关的攻击，并且该类型的攻击主要发生在服务端，所有用户访问该页面都会受到相应的攻击，所以也称为持久性XSS攻击。

2.2.2存储型攻击过程

     攻击者利用网站的一个表单，将恶意字符串插入到网站的数据库中------->用户向网站请求页面-------->网站在响应中引入恶意字符串，并将其发送给用户---------->用户浏览器执行响应中的恶意脚本，并把受害者的cookies发给攻击者服务器。

2.2.3攻击位置

      论坛，博客，留言板，评论区等交互区。

2.3 DOM型

2.3.1原理

      DOM全称Document Object Model,是一个与平台，编程语言无关的接口，它允许程序或脚本动态地访问和更新文档内容，结构和样式，处理后的结果能够成为显示页面的一部分。由于DOM型XXS不与后台服务器产生数据交互，是一种通过DOM操作前端代码输出的时候产生的问题，大部分属于反射型。

2.3.2攻击过程

   1.攻击者构造一个包含恶意字符串的URL发送给用户

   2.攻击者诱导用户发起这个URL请求

   3.网站收到请求，但是不会在响应中引入该恶意字符串

   4.用户浏览器执行响应中的合法脚本，就导致恶意脚本被插入到页面中

   5.用户浏览器执行插入到页面中的恶意脚本，将用户的cookies信息发送给攻击者服务器

2.3.3攻击实例

<html>
    <head>
        <title>DOM Based XSS Demo</title>
        <script>
        function xsstest()
        {
        var str = document.getElementById("input").value;
        document.getElementById("output").innerHTML = "<img
        src='"+str+"'></img>";
        }
        </script>
    </head>
    <body>
    <div id="output"></div>
    <input type="text" id="input" size=50 value="" />
    <input type="button" value="submit" onclick="xsstest()" />
    </body>
</html>

在上述实例中， submit的按钮调用了xsstest()函数，而在xsstest()函数中修改了dom节点，通过innerHtml把用户数据当作HTML写入页面中，造成了DOM Based XSS.

2.3.4攻击位置

   基于DOM的XSS漏洞是不需要与服务器端交互的，所以，它只会发生在客户端处理数据的阶段.

三.XSS攻击总结

3.1XSS攻击手段和目的：

   1.盗用cookie，获取用户的敏感信息；

    2.利用iframe,frame等方式，以用户的身份执行一些管理动作，或者执行一些一般的行为比如说发私信，加好友等；

    3.在一些访问量极大的页面上进行XSS攻击可以攻击一些小型网站；

    4.利用一些可被攻击的域或者其它的域信任的特点，以受信任来源的身份请求一些平时不被允许的操作。

四.如何防御XSS攻击

  整体思路:对于用户输入的内容以及访问的URL过滤，对输出内容进行编码，简单来说就是将用户提交的所有内容都进行过滤，排除关键字，敏感内容，对URL的参数也进行一定的过滤，并且对动态输出到页面的内容都进行html编码，转换成html实体，使其用户输入的恶意代码无法在浏览器中执行。

4.1内容过滤

4.1.1白名单过滤

             白名单过滤通过对允许放行的内容进行过滤，在这种情况下基本可以杜绝很多的XSS攻击，但是在现实环境中，可能会造成误拦截。

4.1.2黑名单过滤

              黑名单过滤是对相关的关键字进行拦截，黑名单输入可能会杜绝绝大多数的XSS攻击，但是存在可能被绕过的可能。

4.2设置http only属性

     在服务器端中设置会话cookie的HTTP only属性，这样客户端的脚本就不能获取cookie信息。

4.3明确输入内容

     对用户输入的内容进行类型明确，比如个人信息电话或者邮箱地址等位置都过滤一些不符合的内容。

4.4输入内容长度控制

     对于不可信的内容都应该进行长度控制，比如控制电话号码的输入长度，这种防御主要是增加XSS攻击的难度。

4.5客户端分层防御策略

      客户端跨站脚本攻击的分层防御策略是基于独立分配线程和分层防御策略的安全模型，它建立在客户端（浏览器），这是它与其它模型最大的区别，客户端在接受服务器信息时，选择性执行相关的内容，这样就使防御XSS攻击变得更容易。

计算机热门就业方向

从目前市场情况来讲，网络安全的就业前景是非常不错的，2022年的统计数据，网络安全专业的缺口已经增长到140万人。

1、就业岗位多，发展方向广

①就业环境：网络安全可以在计算机科学与技术、信息通信、电子商务、互联网金融、电子政务等领域从事相关工作，还可以在政府机关事业单位、银行、保险、证券等金融机构，电信、传媒等行业从事相关工作。

②就业岗位：网络安全工程师、渗透测试工程师、代码审计工程师、等级保护工程师、安全运维工程师、安全运营工程师、安全服务工程师等。

2、薪资待遇可观，提升较快

作为一个新兴行业，网络安全人才的市场需求远远大于供给，企业想真正招到人才，就必须在薪酬福利上有足够的竞争优势。因此，网络安全领域的薪资近年来也呈现稳步增长的态势。

根据工信部发布的《网络安全产业人才发展报告》显示，网络安全人才平均年薪为21.28万元，整体薪资水平较高。数据显示，网络安全人才年薪主要集中在10-20万元，占比40.62%，与往年持平；其次是20-30万元，占比为38.43%，较2020年占比19.48%有显著提高；而年薪在10万以下人才占比由2020年的19.74%下降至2022年的9.08%。由此可见，网络安全行业作为新兴赛道，尚在快速发展阶段，从业人员薪资水平提升较快，也显示出网络安全行业相对更重视人才留存。

3、职业发展空间大

从网络安全专业学习的主要内容来看，包括linux运维、Python开发、渗透测试、代码审计、等级保护、应急响应、风险评估等。可见该网络安全专业的技术性很强，具有鲜明的专业特点，是一门能够学到真正技术的工科类专业之一。

因此，在职业发展上，网络安全专业除了就业岗位众多之外，由于专业技术性较强，在工作单位将处于技术核心骨干地位，职业发展空间很大。

盘点网络安全的岗位汇总

0****1

岗位一：渗透测试工程师

**岗位释义：**模拟黑客攻击，利用黑客技术，挖掘漏洞，提出修复建议。有些大厂，例如奇安信，甚至会将渗透岗位分为红蓝两方，对候选人的技术要求比较高，大部分刚入行的新人，也将渗透岗位作为后期的发展目标。

岗位职责：

负责对客户网络、系统、应用进行渗透测试、安全评估和安全加固
在出现网络攻击或安全事件时，提供应急响应服务，帮助用户恢复系统及调查取证
针对客户网络架构，建议合理的网络安全解决方案

**工作难度：**5颗星

薪资现状：

0****2

岗位二：安全运维工程师

**岗位释义：**维护网络系统的正常、安全运行，如果受到黑客攻击，则需要进行应急响应和入侵排查安全加固。很多刚毕业入行的新人，基本都从运维做起。

岗位职责：

日常终端维护，操作系统安装加固
完成网络安全设备故障排查、处置
完成相关管理制度文档的编写和提交

**工作难度：**3颗星

薪资现状：

0****3

岗位三：安全运营工程师

**岗位释义：**在运维的基础上，高效可持续地不断提升企业的安全防御能力。

岗位职责：

负责监控、扫描等各类安全策略的制定和优化
负责信息安全事件的应急响应
参与网络安全评估工作、安全加固工作和监控等等

**工作难度：**3颗星

薪资现状：

0****4

岗位四：安全开发工程师

**岗位释义：**顾名思义，对安全产品及平台、策略等进行开发工作。

岗位职责：

负责网络安全产品的系统技术设计、代码开发与实现、单元测试、静态检查、本地构建等工作；
参与公司其他产品的系统技术设计以及研发工作。

**工作难度：**5颗星

薪资现状：

0****5

岗位五：等保测评工程师

**岗位释义：**等保测评也叫等级保护测评，主要负责开展信息安全等级保护测评、信息安全风险评估、应急响应、信息安全咨询等工作。

岗位职责：

网络安全等级保护测评项目实施；
Web渗透测试、操作系统安全加固等安全项目实施配合

**工作难度：**3颗星

薪资现状：

0****6

岗位六：安全研究工程师

**岗位释义：**网络安全领域的研究人才。

岗位职责：

跟踪和分析国内外安全事件、发展趋势和解决方案
承担或参与创新型课题研究
参与项目方案设计，组织推动项目落实，完成研究内容、
负责网络安全关键技术攻关和安全工具研发

**工作难度：**5颗星

薪资现状：

0****7

岗位七：漏洞挖掘工程师

**岗位释义：**主要从事逆向、软件分析、漏洞挖掘工作

岗位职责：

通过模拟实施特定方法所获得的结果，评估计算机网络系统安全状况；
通过特定技术的实施，寻找网络安全漏洞，发现但不利用漏洞。

**工作难度：**5颗星

薪资现状：

0****8

岗位八：安全管理工程师

**岗位释义：**负责信息安全相关流程、规范、标准的制定和评审，负责公司整体安全体系建设。

岗位职责：

全业务系统网络安全技术体系的规划和建设，优化网络安全架构；
负责网络安全相关流程、规范、标准的指定和评审，高效处置突发事件；
负责网络安全防护系统的建设，提升网络安全保障水平；

**工作难度：**4颗星

0****9

岗位九：应急响应工程师

**岗位释义：**主要负责信息安全事件应急响应、攻击溯源、取证分析工作，参与应急响应、攻击溯源、取证分析技术的研究，提升整体重大信息安全事件应急处置能力。

岗位职责：

负责信息安全事件应急响应、攻击溯源、取证分析工作；
对安全事件的应急处置进行经验总结，开展应急响应培训；
负责各业务系统的上线前安全测试（黑盒白盒）及渗透测试工作；
参与应急响应、攻击溯源、取证分析技术的研究，提升整体重大信息安全事件应急处置能力。
跟踪国内外安全热点事件、主流安全漏洞、威胁情报、黑灰产动态并进行分析研究，形成应对方案；

**工作难度：**4颗星

薪酬现状：

岗位十：数据安全工程师

**岗位释义：**主要对公司的数据安全的日常维护和管理工作，确保公司数据安全。

岗位职责：

负责数据安全日常维护和管理工作，包括数据安全审核、数据安全事件的监控与响应、安全合规的审计与调查等；
负责数据安全标准规范的制定和管理，包括数据安全需求识别、风险分析、数据分级分类、数据脱敏、数据流转、泄露防护、权限管控等；推进相关安全管控策略在平台落地、执行。
负责开展与数据全生命周期管理有关的各项数据安全工作;
负责跨平台、跨地域数据传输、交互等数据安全方案制定与落地
定期组织开展数据安全自评工作，发现潜在数据安全风险，制定相应的管控措施，并推进落实整改。

**工作难度：**4颗星

薪酬现状：