吃过晚饭，再练一题

第五题

 function escape(s) {

   var text = s.replace(/</g, '&lt;').replace(/"/g, '&quot;');

   // URLs

   text = text.replace(/(http:\/\/\S+)/g, '<a href="$1">$1</a>');

   // [[img123|Description]]

   text = text.replace(/\[\[(\w+)\|(.+?)\]\]/g, '<img alt="$2" src="$1.gif">');

   return text;

 }

分析：

技术点：正则表达式，html链接，img标签使用

正则表达式：

第2行：替换s中所有的<和"，用html编码表示，点击查看 HTML编码表

         正则表达式 g 代表全局模式，javascript replace 用法如下

   str.replace(regexp|substr, newSubstr|function)

第4行：将http://xx形式的内容替换成<a href="http://xx">xx</a>的形式

() 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。

第6行：输入类似于

[[img123|Description]] 形式。

正则表达式字符含义大全

TRY：

1. 构造第三部的满足弹出alert(1)的s

成功的弹出img语句应该是

<img alt="b" onerror="alert(1)" src="a.gif"> OK! 加载a.gif失败，启动onerror的alert(1)，成功达到目的。

2. 因为全局都将 " 替换了，所以不能用 " 闭合，所以要利用第4句构造满足的句子。

逆推一下，"b" onerror="alert(1)" 应该是一体的，转换一下，"b" onerror='alert(1)' 去掉两个双引号，现在b之后的双引号也不是我们输入的，然后成为 "b onerror='alert(1)'"，但是b之后的 " 还必须有，那么必然是第4行提供的，哪里提供呢？

<a href="$1">$1</a> 替换 $1，即 $1就是b，所以又变为 http://onerror='alert(1)'。

3. 两者想合，构造 [[a|http://onerror='alert(1)']]

html渲染：

<!DOCTYPE html>

<html>

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<script type="text/javascript">

function escape(s) {

    var text = s.replace(/</g, '&lt;').replace(/"/g, '&quot;');

  // URLs

  text = text.replace(/(http:\/\/\S+)/g, '<a href="$1">$1</a>');

  // [[img123|Description]]

  text = text.replace(/\[\[(\w+)\|(.+?)\]\]/g, '<img alt="$2" src="$1.gif">');

  return text;

}

var inputStr = "[[a|http://onerror='alert(1)']]";

var ok = escape(inputStr);

document.write(ok);

</script>

</body>

</html>

效果：

【20171025晚】alert(1) to win 第五题 正则表达式过滤的更多相关文章

  1. 【alert(1) to win】不完全攻略

    alert(1) to win 一个练习XSS的平台,地址:https://alf.nu/alert1 Warmup 给出了一段JavaScript代码 function escape(s) { re ...

  2. alert(1) to win Part Ⅰ

    alert(1) to win Adobe: function escape(s) { s = s.replace(/"/g, '\\"'); return '<script ...

  3. "alert(1) to win" writeup

    地址:http://escape.alf.nu/ level 0: 注意补全,");alert(1)// level 1: 通过添加反斜线使用来转义的反斜线变为字符,\");ale ...

  4. Codeforces Round #519 by Botan Investments（前五题题解）

    开个新号打打codeforces(以前那号玩废了),结果就遇到了这么难一套.touristD题用了map,被卡掉了(其实是对cf的评测机过分自信),G题没过, 700多行代码,码力惊人.关键是这次to ...

  5. Java-集合=第五题 （Map）设计Account 对象如下： private long id; private double balance; private String password; 要求完善设计，使得该Account 对象能够自动分配id。 给定一个List 如下： List list = new ArrayList(); list.add(new A

    第五题 (Map)设计Account 对象如下: private long id; private double balance; private String password; 要求完善设计,使得 ...

  6. .NetCore 下开发独立的（RPL）含有界面的组件包 （五）授权过滤参数处理

    .NetCore 下开发独立的(RPL)含有界面的组件包 (一)准备工作 .NetCore 下开发独立的(RPL)含有界面的组件包 (二)扩展中间件及服 务 .NetCore 下开发独立的(RPL)含 ...

  7. Educational Codeforces Round 53 (Rated for Div. 2) （前五题题解）

    这场比赛没有打,后来补了一下,第五题数位dp好不容易才搞出来(我太菜啊). 比赛传送门:http://codeforces.com/contest/1073 A. Diverse Substring ...

  8. Good Bye 2019（前五题题解）

    这套也是后来补得. 我太菜了,第三题就卡着了.想了好久才做出来,要是参加了绝对掉分. D题是人生中做完的第一道交互题,不容易. 比赛传送门 A.Card Game 题目大意:一共有n张互不相同的牌,玩 ...

  9. Codeforces Round #609 (Div. 2)前五题题解

    Codeforces Round #609 (Div. 2)前五题题解 补题补题…… C题写挂了好几个次,最后一题看了好久题解才懂……我太迟钝了…… 然后因为longlong调了半个小时…… A.Eq ...

随机推荐

  1. response 常用详解（1）

    我们在创建Servlet时会覆盖service()方法,或doGet()/doPost(),这些方法都有两个参数,一个为代表请求的request和代表响应response. service方法中的re ...

  2. Zookeeper-5分钟快速掌握分布式应用程序协调服

    一.Zookeeper 安装 1.zookeeper支持brew安装. ➜ ~ brew info zookeeper zookeeper: stable (bottled), HEAD Centra ...

  3. rpm包管理

    库文件 linux上,库文件是非常重要的,因为很多的软件都不是将所有的自己在需要的函数库自己写好,而是将一部分自己软件特有的库文件自己写,通用的库文件全部动态链接到公共库上去,这样不仅节省空间,同时用 ...

  4. [07] ServletContext上下文对象

    1.上下文的概念 我们在说到Servlet的继承关系时,提到自定义Servlet实际上间接实现了Servlet和ServletConfig两个接口,其中ServletConfig接口中定义了一个方法叫 ...

  5. Qt Creator编译运行成功，但是显示系统找不到指定的文件(比如urlmon.dll动态链接库)

    问题: 以前自己写的一个QT界面程序,在win 7 的32位系统上运行没有出现任何问题,但是重装系统之后,同样的程序放到win10 的64位系统下运行会出现警告:onecoreuap\inetcore ...

  6. Eclipse将引用了第三方jar包的Java项目打包成jar文件

    第一步:建议手动 Eclipse插件fatjar 安装方法:1:下载地址:http://downloads.sourceforge.net/fjep/net.sf.fjep.fatjar_0.0.27 ...

  7. 走进AngularJS

      前  言 xiaoq AngularJS 通过新的属性和表达式扩展了 HTML. 使用起来非常方便. 1. AngularJS的指令与表达式 AngularJS 通过 指令 扩展了 HTML,且通 ...

  8. JS设计模式（三） 数据访问对象模式

    引言 HTML5 提供了两种在客户端存储数据的新方法:localStorage.sessionStorage,他们是Web Storage API 提供的两种存储机制,区别在于前者属于永久性存储,而后 ...

  9. 关于VisualStudio一运行带中文程序就出错或输出乱码问题的解决

    昨晚纠结了老半天,各种查资料最后终于解决了此问题.今天上午便来编写这篇随笔了!(由于问题已解决,未附上出状况的截图)以下是解决办法: 此问题的原因应是文件的编码问题,选定好出错的文件后,在菜单栏中选择 ...

  10. H5音频处理的一些小知识

      前  言 LiuDaP 十一过后,小编要做一个关于音乐播放器的项目,要用到大量H5音频处理的内容,于是在十月一日国庆黄金周闲暇之际,自己学习了一下H5音频的相关内容.虽然自学的没有那么深入,但是对 ...