Web渗透：XSS-DOM-based XSS

DOM-based XSS（基于DOM的跨站脚本攻击）是一种XSS攻击类型，其特点是恶意脚本通过操作文档对象模型（DOM）直接在客户端执行，而无需经过服务器的处理。这种攻击主要利用客户端JavaScript代码中的漏洞，使得攻击者能够在浏览器中注入并执行恶意代码。

DOM的基本概念

文档对象模型（DOM，Document Object Model）是Web开发中的一个编程接口，允许程序和脚本动态访问和更新文档的内容、结构和样式。DOM将HTML或XML文档表示为一个树状结构，每个节点代表文档的一部分，如元素、属性或文本。

1.树状结构：DOM将文档表示为一棵树。文档的每个部分（如HTML标签、属性和文本）都作为树中的一个节点。树的顶层节点称为根节点，对于HTML文档，根节点通常是 <html> 标签。

2.节点类型：

元素节点：代表HTML标签，如 <div>、<p> 等。
属性节点：代表HTML标签的属性，如 id、class 等。
文本节点：代表HTML标签中的文本内容。
文档节点：代表整个文档。
注释节点：代表文档中的注释。

3.DOM API：浏览器提供一组JavaScript API，用于操作DOM树。这些API可以用来查找节点、修改节点内容、添加或删除节点等。

示例

以下是一个简单的HTML文档及其对应的DOM树结构示例：

<!DOCTYPE html>
<html>
<head><title>Sample Page</title>
</head>
<body><h1>Hello, World!</h1><p>This is a sample page.</p>
</body>
</html>

这段HTML代码的DOM树结构可以表示为：

Document├── html│   ├── head│   │   └── title│   │       └── "Sample Page"│   └── body│       ├── h1│       │   └── "Hello, World!"│       └── p│           └── "This is a sample page."

操作DOM的常用方法和属性

以下是一些常用的DOM操作方法和属性：

  1. 查找节点：

    • document.getElementById(id): 根据元素的ID查找元素。

    • document.getElementsByTagName(tagName): 根据标签名称查找元素集合。

    • document.getElementsByClassName(className): 根据类名查找元素集合。

    • document.querySelector(selector): 使用CSS选择器查找第一个匹配的元素。

  2. 修改节点：

    • element.innerHTML: 获取或设置元素的HTML内容。

    • element.textContent: 获取或设置元素的文本内容。

    • element.setAttribute(name, value): 设置元素的属性。

    • element.removeAttribute(name): 移除元素的属性。

    • element.style: 修改元素的样式属性。

  3. 创建和删除节点：

    • document.createElement(tagName): 创建一个新的元素节点。

    • element.appendChild(newNode): 向一个元素节点添加子节点。

    • element.removeChild(childNode): 删除一个元素节点的子节点。

    • element.replaceChild(newNode, oldNode): 替换一个子节点。

示例代码

下面是一个使用JavaScript操作DOM的示例：

<!DOCTYPE html>
<html>
<head><title>DOM Example</title>
</head>
<body><h1 id="header">Hello, World!</h1><button onclick="changeContent()">Click me</button><script>function changeContent() {// 查找元素var header = document.getElementById('header');// 修改内容header.textContent = 'Hello, DOM!';// 创建新元素var newParagraph = document.createElement('p');newParagraph.textContent = 'This is a new paragraph.';// 添加新元素到bodydocument.body.appendChild(newParagraph);}</script>
</body>
</html>

在这个示例中，当用户点击按钮时，changeContent 函数会被调用，该函数修改 <h1> 元素的文本内容，并创建并添加一个新的 <p> 元素到文档的 body 中，通过DOM，开发者可以动态地操控网页内容，创建交互式的Web应用程序。

效果：

未点击前：

点击后：

可以看到此时通过DOM操作方法就可以不经过后端程序直接在用户前端中对页面进行内容修改。

DOM相关的概念与操作方法讲述完毕后接着来阐述DOM类型的XSS漏洞；这边是以pikachu靶场中的DOM型XSS页面为例子进行解析：

1.打开页面也是有一个搜索框，但是由于时dom型的xss所以此时相关的关键代码是已经在我们页面代码中显示了，这个时候我们可以通过定位click me这个按钮的标签去查看点击按钮后触发的函数是什么。

2.通过浏览器中的标签定位功能我们锁定到这个按钮对应的input标签，发现按下这个按钮后将会触发domxss()这个javascript函数

3.接着我们可以通过ctrl + u 快捷键查看当前的页面代码，定位至该函数处

这个时候我们来剖析一下这个代码的作用，在剖析之前我先将受影响的HTML代码放在前面：

   <!--<a href="" onclick=('xss')>--><input id="text" name="text" type="text"  value="" /><input id="button" type="button" value="click me!" onclick="domxss()" /><div id="dom"></div>
JS代码：
  function domxss(){var str = document.getElementById("text").value;document.getElementById("dom").innerHTML = "<a href='"+str+"'>what do you see?</a>";}

var str = document.getElementById("text").value;：

  • 从输入框中获取用户输入的值，并将其存储在变量 str 中。

document.getElementById("dom").innerHTML = "<a href='"+str+"'>what do you see?</a>";：

  • 使用 str 的值创建一个链接，并将这个链接设置为 <div> 元素（ID为 dom）的内部HTML内容，链接的文本显示为 "what do you see?"。

原理说完后接着来说一下利用的方式，以下就是两个相关的payload，以及其利用后的情况:

payload①
'><img src="#" onmouseover="alert('xss')">

输入后的<a>标签的完整语句：

<a href='"'><img src="#" onmouseover="alert('xss')">"'>what do you see?</a>

<a href='"'>：

  • 定义了一个超链接（<a>元素），其href属性设置为'（单引号）。由于引号没有匹配，这里可能是为了展示如何利用不匹配的引号引发XSS。

<img src="#" onmouseover="alert('xss')">：

  • 定义了一个图片元素（<img>），其src属性设置为#（一个无效的图片源）。

  • onmouseover="alert('xss')"是一个事件处理器，当用户将鼠标移到图片上时，会执行alert('xss')，弹出一个警告框，显示xss。这就是XSS攻击的一部分，执行恶意JavaScript代码。

"'>what do you see?</a>

  • "'>what do you see?：这是显示给用户的链接文本。

  • </a>：关闭超链接标签。

攻击效果：此时页面中显示了一张破损的图片

这个时候我们将鼠标放置这个图片上就可以触发弹窗，攻击成功。

payload②
' onclick="alert('xss')">

将payload带入函数代码中的<a>标签得到：

<a href='"' onclick="alert('xss')">"'>what do you see?</a>

<a href='"'>：

  • 定义了一个超链接（<a>元素），其href属性设置为'（单引号）。这个属性值是不完整的，并且含有引号，这可能是为了演示如何利用引号破坏HTML结构，导致XSS漏洞。

onclick="alert('xss')"：

  • 定义了一个点击事件处理器，当用户点击这个链接时，执行alert('xss')。这会弹出一个警告框，显示xss，演示XSS攻击。

"'>what do you see?</a>：

  • "'what do you see?：这是显示给用户的链接文本。

  • </a>：关闭超链接标签。

攻击效果：点击超链接后触发弹窗

至此Dom型XSS的原理、利用方式阐述完毕

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/web/31774.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

BP神经网络-入门到理解-长文讲述

BP神经网络-入门到理解-长文讲述

本文来自&#xff1a;老饼讲解-BP神经网络 https://www.bbbdata.com 目录 一、BP神经网络的仿生意义 二、BP神经网络的结构 三、BP神经网络的前馈与后馈 3.1 BP神经网络的前馈 3.2 什么是BP神经网络的后馈 四、BP神经网络的训练 4.1 BP神经网络归一化 4.2 梯度下降算法…
阅读更多...
完胜PSP的神器

完胜PSP的神器

小鸡模拟器&#xff0c;顾名思义&#xff0c;它是一个能够模拟多种经典游戏平台的软件&#xff0c;从家用游戏机到掌上游戏机&#xff0c;几乎覆盖了所有知名的老式游戏设备。这意味着&#xff0c;通过小鸡模拟器&#xff0c;我们可以在手机上重温那些陪伴我们度过童年时光的经…
阅读更多...
springboot学习-图灵课堂-最详细学习

springboot学习-图灵课堂-最详细学习

springboot-repeat springBoot学习代码说明为什么java -jar springJar包后项目就可以启动 配置文件介绍 springBoot学习 依赖引入 <properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding><maven.compiler.target>8</mav…
阅读更多...
【教程】PVE下uhd630核显直通HDMI输出 以NUC9为例村雨Murasame

【教程】PVE下uhd630核显直通HDMI输出 以NUC9为例村雨Murasame

大家好&#xff0c;村雨本雨又来发教程了 最近在搞小主机&#xff0c;之前hp400g3仅仅200多元成功核显直通HDMI&#xff0c;作为简单NAS、解码机、伺服机、中控都非常棒&#xff0c;待机仅9w 村雨Murasame&#xff1a;【教程】7代核显直通HDMI成功输出画面 PVE下7代intel核显…
阅读更多...
对象引用和对象赋值的区别

对象引用和对象赋值的区别

这两段代码的输出不同是因为对象引用和对象赋值的区别。 第一段代码&#xff1a; var controlPoints [{ x: 100, y: 200 }]; let obj null;controlPoints.forEach(item > {obj item; });obj.x 300; obj.y 500;controlPoints[0];第二段代码&#xff1a; var controlP…
阅读更多...
数仓中数据分层的标准流向解读

数仓中数据分层的标准流向解读

在大数据开发中&#xff0c;数据分层是一个至关重要的概念。合理的数据分层可以有效地提升数据处理的效率和质量。本文将详细介绍数据分层的标准流向和相关注意事项&#xff0c;并结合实际应用进行说明。 数据分层的标准流向 根据行业标准&#xff0c;数据分层的标准流向如下…
阅读更多...
IOS开发学习日记（十五）

IOS开发学习日记（十五）

目录 App启动过程及生命周期 App的启动 UIApplication UIApplicationDelegate 通过App生命周期回调实现启动页 闪屏的实现 简单实现闪屏功能 App启动过程及生命周期 App的启动 main函数前 动态链接 / 二进制文件加载 / runtime / 类的加载 ...... main函数 int main(int…
阅读更多...
数据结构-线性表的顺序表示

数据结构-线性表的顺序表示

目录 前言一、线性表1.1 线性表的概念1.2 线性表的逻辑特征 二、线性表的抽象数据类型三、线性表的顺序表示和实现3.1 线性表的顺序表示3.2 基本操作的实现 总结 前言 本篇文章介绍线性表的基本概念&#xff0c;并使用顺序存储结构实现线性表。 本篇文章使用的程序设计语言为C…
阅读更多...
使用ANSI转义序列设置终端文本颜色

使用ANSI转义序列设置终端文本颜色

在使用ANSI转义序列设置终端文本颜色时&#xff0c;背景颜色和文本&#xff08;前景&#xff09;颜色的区分主要通过不同的ANSI代码来实现。ANSI转义序列使用格式为\033[代码m的结构&#xff0c;其中\033是转义字符&#xff08;等同于\e&#xff09;&#xff0c;m指示颜色设置的…
阅读更多...
Python with MATLAB

Python with MATLAB

Python with MATLAB 原文&#xff1a;Python with MATLAB - 知乎 (zhihu.com) 我问来自俄罗斯的实习生&#xff0c;你对网上争辩MATLAB和Python谁好谁坏有什么看法。实习生表示他不会Python&#xff0c;但是只要能完成老板布置的工作&#xff0c;哪个语言都无所谓。再说了&am…
阅读更多...
c#调用c++生成的dll，c++端使用opencv， c#端使用OpenCvSharp, 返回一张图像

c#调用c++生成的dll，c++端使用opencv， c#端使用OpenCvSharp, 返回一张图像

c代码&#xff1a; // OpenCVImageLibrary.cpp #include <opencv2/opencv.hpp> #include <vector> extern "C" { __declspec(dllexport) unsigned char* ReadImageToBGR(const char* filePath, int* width, int* height, int* step) { cv::Mat i…
阅读更多...
事件驱动架构详解：触发与响应构建高效系统

事件驱动架构详解：触发与响应构建高效系统

目录 前言1. 事件驱动架构概述1.1 什么是事件1.2 事件驱动架构的核心概念 2. 事件驱动架构的实现2.1 基于消息队列的实现2.2 基于发布-订阅模式的实现2.3 基于流处理的实现 3. 事件驱动架构的优势3.1 松耦合性3.2 可扩展性3.3 异步处理3.4 灵活性 4. 事件驱动架构的应用场景4.1…
阅读更多...
【深度学习】记录为什么没有调用GPU

【深度学习】记录为什么没有调用GPU

排查CLIP为什么评测推理没有调用GPU&#xff0c;主要是这个代码&#xff1a;https://github.com/OFA-Sys/Chinese-CLIP/blob/master/cn_clip/eval/extract_features.py 第一次认为&#xff1a;因为model并没有to.cuda()。 但是又发现&#xff0c;model.cuda(args.gpu) # 已经加…
阅读更多...
机器学习常见知识点 3：Boosting集成学习技术和XGB、LGB

机器学习常见知识点 3：Boosting集成学习技术和XGB、LGB

文章目录 1、Boosting 的工作原理常见的 Boosting 算法优点和缺点如何进行加权投票 2、XGB1. XGBoost中的梯度提升2. 目标函数3. 树的构建与优化4. 处理缺失值与特征重要性 3、LGB核心特征1. 基于直方图的决策树学习2. 叶子优先策略3. 处理类别特征4. 缺失值处理 工作原理数据预…
阅读更多...
镜像发布至dockerHub

镜像发布至dockerHub

1、login 没有账号的话去注册一个 https://hub.docker.com docker login 输入账号密码和账号2、修改镜像名格式 可以直接招我的修改 格式为你的 hub名/镜像名 3、推送
阅读更多...
svm和决策树基本知识以及模型评价以及模型保存

svm和决策树基本知识以及模型评价以及模型保存

svm和决策树基本知识以及模型评价以及模型保存 文章目录 一、SVM1.1&#xff0c;常用属性函数 二、决策树2.1&#xff0c;常用属性函数2.2&#xff0c;决策树可视化2.3&#xff0c;决策树解释 3&#xff0c;模型评价3.1&#xff0c;方面一&#xff08;评价指标&#xff09;3.2&…
阅读更多...
DockerHub 镜像加速

DockerHub 镜像加速

Docker Hub 作为目前全球最大的容器镜像仓库&#xff0c;为开发者提供了丰富的资源。Docker Hub 是目前最大的容器镜像社区&#xff0c;DokcerHub的不能使用,导致在docker下pull镜像无法下载,安装kubernetes镜像也受到影响,下面请看解决方式。 1.加速原理 Docker下载加速的原理…
阅读更多...
Android基于MediaBroswerService的App实现概述

Android基于MediaBroswerService的App实现概述

mSession.setPlaybackState(mStateBuilder.build()); // 5. 关联 SessionToken setSessionToken(mSession.getSessionToken()); } } 根据包名做权限判断之后&#xff0c;返回根路径 Override public BrowserRoot onGetRoot(String clientPackageName, int clientUid, Bundl…
阅读更多...
如何生成protobuf文件

如何生成protobuf文件

背景 protobuf是一种用于序列化结构数据的工具&#xff0c;实现数据的存储与交换&#xff0c;与编程语言和开发平台无关。 序列化&#xff1a;将结构数据或者对象转换成能够用于存储和传输的格式。 反序列化&#xff1a;在其他的计算环境中&#xff0c;将序列化后的数据还原为…
阅读更多...
FreeBSD通过CBSD管理低资源容器jail 网络NAT配置

FreeBSD通过CBSD管理低资源容器jail 网络NAT配置

jail容器里的系统有时候并不需要公开的地址&#xff0c;所以给它们配置内网地址即可。但是这些系统一般都有上网的需求&#xff0c;这时候可以使用nat进行解决。 CBSD可以配置NAT规则&#xff0c;只需要命令cbsd natcfg&#xff0c;配置好后cbsd naton启动即可&#xff1a; % …
阅读更多...
最新文章

Copyright @ 2022~2023