前言

XSS又叫CSS (Cross Site Script) ,跨站脚本攻击。

恶意攻击者往Web页面里插入恶意html代码。当用户浏览该页之时，嵌入当中Web里面的html代码会被运行，从而达到恶意攻击用户的特殊目的。

环境准备


和前几次一样，还是用PHP来做演示吧。由于XSS的产生是伴随着输入和输出的，所以自己随便写了个留言板的小应用。

可能写的不是非常完好。仅仅是提供測试使用而已。

留言板代码（有兴趣的能够測试）
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

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

	<title>Document</title>

</head>

<body>

	<form action="add.php" method="POST">

		用户:<input type="text" name="name" /><br>

		内容:<input name="content"/><br />

		<input type="submit" value="提交" />

	</form>

</body>

</html>

提交到接收页面add.php

<?php 

	$conn=mysql_connect('localhost','root','') or die("数据库连接失败");

	mysql_query("set names gb2312");

	mysql_select_db("mytest");

	$name=$_POST['name'];

	$content=$_POST['content'];

	$sql="INSERT INTO message(id,NAME,content) VALUES ('','".$name."','".$content."')";

	var_dump($sql);

	if(mysql_query($sql)){

		echo "留言成功";

	}

?>

显示留言的show.php


<?php

	$conn=mysql_connect('localhost','root','wzw123') or die("数据库连接失败");

	mysql_query("set names gb2312");

	mysql_select_db("mytest");

	$sql="select * from message order by id desc";

	$result=mysql_query($sql);

	while ($all=mysql_fetch_array($result)) {

		echo $all['id']."==>".$all['name']."==>".$all['content'];

		echo "<hr>";

	}

 ?

>

由于是測试，所以代码写的有点无厘头。见谅见谅，凑合看。

这是输出的留言内容。没做不论什么美化。唉。不要在意细节。嘿嘿

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaWJleTBuZA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

那我们来看留言的地方，我们输入正常的留言内容肯定是没问题的。那假设我们猥琐的输入了javascript代码呢？

效果非常明显，例如以下图

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaWJleTBuZA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

那我们输入其它的javascript代码呢？比方获取client的cookie等等。。。都是能够的。

假设你认为这些太鸡肋的话，那假设直接输入一个内嵌js的外链呢？假设外链里有些获取各种信息的代码呢？那岂不是轻松获取信息？

假设管理员在后台审核留言的话，被别人获取到cookie或者其它信息的话。在结合CSRF后果也是非常严重的。

仅仅是做个演示。不是为了方便别实用心的人。请不要用于非法用途

PS:本文仅仅是为提高程序员的安全意识。加强安全防护，请不要用于非法用途！因为水平有限，本文仅仅做抛砖引玉，转载请注明出处，谢谢。

在web开发中你不得不注意的安全验证问题#2-XSS的更多相关文章

  1. 【初码干货】使用阿里云对Web开发中的资源文件进行CDN加速的深入研究和实践

    提示:阅读本文需提前了解的相关知识 1.阿里云(https://www.aliyun.com) 2.阿里云CDN(https://www.aliyun.com/product/cdn) 3.阿里云OS ...

  2. Web 开发中很实用的10个效果【附源码下载】

    在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...

  3. WEB开发中的字符集和编码

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi ...

  4. Web 开发中很实用的10个效果

    在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...

  5. Web开发中管理ipad屏幕的方向变化

    Web开发中,我们会遇到在手机垂直或水平视角时展示不同状态的情况.下面我来总结一下检测移动设备方向变化的一些方法. 1 使用javascript 直接看代码: <script type=&quo ...

  6. 今日推荐：10款在 Web 开发中很有用的占位图片服务

    设计网站时,将要使用的图像在一开始通常还不存在,这个时候布局是最重要的.然而,图像的尺寸通常是预先设置,实用一些占位图像可以帮助我们更好地预览和分析布局. 如今,有免费的占位图片自动生成工具可以使用, ...

  7. Web 开发中应用 HTML5 技术的10个实例教程

    HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的 ...

  8. Redis在WEB开发中的应用与实践

    Redis在WEB开发中的应用与实践 一.Redis概述: Redis是一个功能强大.性能高效的开源数据结构服务器,Redis最典型的应用是NoSQL.但事实上Redis除了作为NoSQL数据库使用之 ...

  9. Web开发中的主要概念

    一.Web开发中的主要概念1.静态资源:一成不变的.html.js.css2.动态资源:JavaWeb.输出或产生静态资源.(用户用浏览器看到的页面永远都是静态资源) 3.JavaEE:十三种技术的集 ...

随机推荐

  1. time---统计命令所花费的总时间

    time命令用于统计给定命令所花费的总时间. 语法 time(参数) 参数 指令:指定需要运行的额指令及其参数. 实例 当测试一个程序或比较不同算法时,执行时间是非常重要的,一个好的算法应该是用时最短 ...

  2. php异常处理的深入

    引出 如果你调一个类,调用时数据验证时报了个错,你会以什么方式返回 数组,布尔值? 数组这个可以带错误原因回来,那布尔值呢? 返回了个 false, 报错时把错误放在类变量里?还是专门用一个获取错误的 ...

  3. HNU 12886 Cracking the Safe 二十四点的判断

    经典的一个题,今天竟然写跪了…… 题意: 给你4个数字,让你判断是否能通过四则运算和括号,凑成24点. 思路: 暴力枚举运算顺序和运算符. 代码: #include <iostream> ...

  4. Eclipse反编译插件 Enhanced Class Decompiler

    因为jar包中的源码都是经过反编译的,所以需要安装插件才能查看到源码,此处介绍的是 Enhanced Class Decompiler 插件. 打开Eclipse,Help --> Eclips ...

  5. 最全Pycharm教程（10）——Pycharm调试器总篇

    最全Pycharm教程(1)--定制外观 最全Pycharm教程(2)--代码风格 最全Pycharm教程(3)--代码的调试.执行 最全Pycharm教程(4)--有关Python解释器的相关配置 ...

  6. git commit template

    https://www.zhihu.com/question/27462267/answer/204658544 https://gist.github.com/adeekshith/cd4c95a0 ...

  7. android 客户端 Cookie处理

    Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身份.进行session跟踪而储存在用户本地终端上的数据(通常经过加密). Cookie最早是网景公司的前雇员Lou Montul ...

  8. 分享一个vue中的vue-Resource用法

    //引入 <script src="//cdn.bootcss.com/vue-resource/1.2.1/vue-resource.js" type="text ...

  9. jquery中prop()方法和attr()方法

    接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别. 原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. ...

  10. css3 实现动画效果

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...