最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
时间:2017-01-12 编辑:简简单单 来源:一聚教程网
1. js如何判断是否在iframe中
Js代码
//方式一 if(self.frameElement && self.frameElement.tagName =="IFRAME") { alert('在iframe中'); } //方式二 if(window.frames.length != parent.frames.length) { alert('在iframe中'); } //方式三 if(self != top) { alert('在iframe中'); } |
2. 防止网页被别站用 iframe嵌套
将下面的代码加到您的页面
位置即可:Js代码
//或
if(self!=top){top.location.href=self.location.href;}
|
这个就能让别人无法用iframe嵌套你网站的任何页面,实现的效果是:输入盗链你网站的那个地址后会自动跳到你的网站。
不可靠的原因:
当别人用如下类似代码做IFRAME嵌套调用时,就可能躲过你的页面的javascript代码。
Js代码
var location=""; var navigate=""; frames[0].location.href="";
|
2.最可靠的方法:
为了彻底防止别人用IFRAME框架嵌套调用自己的网页,如下方法是最可靠的.
这里赋值为空页面,也可赋值为你的页面的URL地址.
Js代码
if(top != self){ location.href ="about:blank"; }
|
还有一个完全屏蔽被iframe的方法就是添加:
Html代码
header("X-Frame-Options: deny"); header("X-XSS-Protection: 0"); |
这个也是加载iframe是产生错误“Load denied by X-Frame-Options:http://localhost/××××.phpdoes not permit framing.”的原因!
-
上一个: jQuery实现对象转为url参数的方法
-
下一个: JQuery实现动态操作表格的教程
相关文章
- js实现网页飞入星星的效果 09-08
- js实现网页标题栏闪烁提示效果代码 10-14
- js print打印网页指定区域内容 07-24
- 怎么用js 动态增加蒙板 内嵌网页内容 11-20
- js 可伸缩网页内容展示效果 10-04
- 网页另存为js代码 09-25