使用JS简单防止网页被其他站点iFrame内嵌教学

8 月142014

作者：超级efly 发布：2014-08-14 15:10 分类：网络阅读：14,197

iFrame是一个允许网页嵌入其他网页的HTML标签，可是，该标签不仅目前已过时，而且经常被很多人用作刷流量、攻击或采集等不法目的，所以今天畅想资源就来教大家如何使用JavaScript简单防止网站被其他网页进行iFrame内嵌，让你的网站更加安全和稳定！

教学

1、首先先将下方代码添加到网页底部的的最底部 </body> 前：

注：对于WordPress站点来说即须添加于主题的「footer.php」文件内！

<script>
/* 防止被其他站点iFrame引用开始（由AREFLY.COM制作） */
if (top.location !== self.location) {			//如果该网页位于iFrame标签内
	top.location = self.location;				//跳转至原网页
}
/* 防止被其他站点iFrame引用结束（由AREFLY.COM制作） */
</script>

/* 防止被其他站点iFrame引用开始（由AREFLY.COM制作） */

if (top.location !== self.location) { //如果该网页位于iFrame标签内

top.location = self.location; //跳转至原网页

}

/* 防止被其他站点iFrame引用结束（由AREFLY.COM制作） */

</script>

2、储存完成后，为了测试我们的代码是否正常工作，打开「http://demo.arefly.com/iframe_test.php?url=[你的网站地址]」（例如「http://demo.arefly.com/iframe_test.php?url=http://www.example.com/」等），如果该网页直接跳转至你的站点，则说明代码添加成功、而我们的网页也就再也不会被其他网页iFrame引用啦！