js实现网页防止被iframe框架嵌套及几种location.href的区别

更新时间：2013年08月28日 16:42:57 作者：

首先我们了解一下几种location.href的区别简单的说：几种location.href的区别js实现网页被iframe框架功能，感兴趣的朋友可以了解下

首先我们了解一下：window.location.href、location.href、self.location.href、parent.location.href、top.location.href他们的区别与联系，简单的说：几种location.href的区别 js实现网页被iframe框架功能
"window.location.href"、"location.href"、"self.location.href"是本页面跳转
"parent.location.href"是上一层页面跳转
"top.location.href"是最外层的页面跳转

举个例子说明（如上图）：
如果A,B,C,D都是普通页面，D是C的iframe，C是B的iframe，B是A的iframe，
如果D中js这样写：
"window.location.href"、"location.href"：D页面跳转
"parent.location.href"：C页面跳转
"top.location.href"：A页面跳转

如果D页面中有form的话：
<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转

关于页面刷新，D 页面中这样写：
"parent.location.reload();": C页面刷新（当然，也可以使用子窗口的 opener 对象来获得父窗口的对象：window.opener.document.location.reload(); ）
"top.location.reload();": A页面刷新

现在回头看看，js实现网页防止被iframe框架功能就很简单了。假设frame.html文件中框架了content.html文件，那么思路是这样的：在content.html中加入js检测自己本身top.location.href地址，是否为top.location.href地址。如果是则没被嵌套，如果否的话即被嵌套了，这是我们可以提示一下。预览效果

网页防止被框架方法代码:

复制代码代码如下:

 
<script language="javascript"> 
if(top.location!==self.location){ 
WarningTxt1 = "content页面被iframe了！"; 
WarningTxt2 = "我们跳出iframe，直接访问content页面吧！"; 
alert(WarningTxt1); 
alert(WarningTxt2); 
top.location.href=self.location.href; 
} 
</script> 

您可能感兴趣的文章:

ADO.Net对oracle数据库操作的实例代码
ADO.Net对oracle数据库操作的实例代码，需要的朋友可以参考一下
2013-06-06
详解.Net中字符串不变性与相等判断的特殊场景
本文主要介绍了.Net中字符串不变性与相等判断的特殊场景，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
ASP.NET Core中MVC模式实现路由一
这篇文章介绍了ASP.NET Core中MVC模式实现路由的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-04-04
.NET读写Excel工具Spire.Xls使用 Excel文件的控制(2)
这篇文章主要为大家详细介绍了.NET读写Excel工具Spire.Xls使用，Excel文件的控制，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
某个aspx页面突然死了连日志也没有的解决方法
某个aspx页面突然死了连日志也没有，朋友提醒event viewer里看看，果然错误在那里，有此情况的朋友可以参考下
2013-08-08
.net decimal保留指定的小数位数(不四舍五入)
大家都知道decimal保留指定位数小数的时候，.NET自带的方法都是四舍五入的。那么如何让decimal保留指定位数小数的时候不四舍五入呢，下面通过这篇文中的示例代码来一起看看吧。
2016-12-12
ASP.NET CORE实现跨域
这篇文章介绍了ASP.NET CORE实现跨域的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-03-03
Visual Studio for Mac版初体验
这篇文章主要介绍了Visual Studio for Mac版初体验,本文图文并茂给大家介绍的非常详细，需要的朋友可以参考下
2017-05-05
合并网页中的多个script引用实现思路及代码
为了更好的进行封装，每个实现不同功能的js代码应该有自己的js文件，这样如果一个网页中引用了多个js文件会很难管理，所以就出现了合并js这以说,感兴趣的朋友不妨参考下本文希望对你有所帮助
2013-02-02
ASP.NET预定义模板介绍
在调用这些方法的时候，如果我们指定了一个具体的通过分部View定义的模板，或者对应的ModelMetadata的TemplateHint属性具有一个模板名称，会自动采用该模板来生成最终的HTML，需要了解这方面内容的朋友可以参考一下
2015-10-10