js判断当前页面是否被iframe引用，判断是否被别人通过iframe调用

最新推荐文章于 2024-04-08 18:01:08 发布
最新推荐文章于 2024-04-08 18:01:08 发布
阅读量3.4k 收藏 2
点赞数 1
分类专栏： jQuery and javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gl0ry/article/details/93874733
版权

js判断当前页面是否被iframe引用的方法


近期项目中用到别人通过iframe调用我们的项目单页面，在判断页面是否被iframe引用的时候，我在网上查到有以下方法

if(top.location != location){
top.location.href= location.href;
}
代码说明：
如果没有被iframe引用的话，则location与top.location是一样的！

这个方法我在使用的时候发现在iframe里面页面会崩溃，但没有任何报错，不知道你们是否有这个问题，后来发现了另一个实用方法，亲测可用~

console.log(window.self === window.top);
//如果返回false –> 说明页面被嵌套在iframe中了 
//如果返回true –> 说明页面并没有被嵌套在iframe中
Ya_Wen
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js防止页面被iframe调用的方法
10-25
主要介绍了js防止页面被iframe调用的方法,可防止页面被别的网站iframe调用,非常具有实用价值,需要的朋友可以参考下
js实现iframe跨页面调用函数的方法
12-11
在JavaScript中，实现iframe跨页面调用函数是一个常见的需求，特别是在构建复杂的Web应用程序时。当一个页面（父页面）嵌入了另一个页面（子页面）作为iframe时，有时需要在两个页面之间通信，调用各自的功能。下面...
js如何判断当前网页是否存在于一个iframe之中
最新发布
ivan5277的博客
04-08 1223
需要注意的是，上述方法可能会受到跨域策略的影响，尤其是在严格的安全设置下，跨域 iframe 可能无法访问。如果当前上下文不在任何帧或 iframe 内，则。指向最顶层的窗口或框架。如果当前页面在 iframe 中，则。因此，在实际使用中，结合多个条件来判断更保险。JavaScript 判断当前页面是否在一个。如果页面是在另一个窗口或框架的上下文中，那么。同时，如果 iframe 设置了。应大于0，意味着存在嵌套的帧结构。属性返回对包含当前窗口或框架的。应该指向包含它的那个窗口，而且。
js如何判断是否在如何判断是否在iframe
菜鸡的博客
08-15 1279
Js代码。
JS判断页面是否被iframe嵌套
学习使我快乐_玉祥
05-04 1万+
1、判断页面是否被iframe有三种方法 //方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中'); } //方式二 if (window.frames.length != parent.frames.length) { alert('在iframe中'); } //方式三 if (self != top) { alert('在i.
【Javascript】判断函数被调用的方法
王昱潇的博客
04-27 5320
前情提要 ES5及早期版本中函数具有多重功能，可以结合new使用，函数内的this值将指向一个新对象，在ES6中，函数混乱的双重身份有一些改变。 Javascript函数有两个不同的内部方法：[[Call]]和[[Construct]]，当遇到通过new关键字调用函数时，执行的是[[Construct]]函数，它负责创建一个通常被称作实例的新对象，然后再执行函数体，将this绑定到实例上。否则将执行[[Call]]函数，从而直接执行代码中的函数体。具有[[Construct]]方法的函数被统称为构造函数
判断html是否在框架中打开网页,js如何判断是否在iframe中及防止网页被别站用iframe嵌套...
weixin_39843093的博客
06-05 696
本文主要介绍了js判断是否在iframe中及防止网页被别站用 iframe嵌套的方法。具有很好的参考价值，一起来看下吧1. js如何判断是否在iframe中Js代码//方式一if(self.frameElement&&self.frameElement.tagName=="IFRAME"){alert('在iframe中');}//方式二if(window.frame...
mybatis的if判断用法
热门推荐
喜欢分享,善于记录工作中遇到的问题,和自己的思考
06-23 1万+
mybatis的if判断语句其实跟el表达式的if条件判断有些类似。 例如： 1 如果参数为数字类型的时候没有特俗需求的情况只需要判断是否为null即可。 例如： 如果有特俗需求，例如判断是否大于某个数的时候才行。只需要加上对应的条件判断即可 例如： mybatis对于这种大于小于等等还有另一种形式。 例如： 对应关系： gt 对应 > gte 对应 >= lt 对应
判断iframe里的页面是否加载完成
09-04
然而，为了实现更复杂的交互功能，如在父页面与`iframe`页面之间进行通信或者在`iframe`加载完成后执行某些操作，我们需要能够判断`iframe`内的页面是否已经完全加载。本文将详细介绍如何使用JavaScript来检测`...
iframe子父页面调用js函数示例
12-12
在`iframe`子页面中，要调用父页面的JavaScript函数，可以使用`window.parent`对象来引用父窗口。假设父页面有一个名为`a()`的函数，子页面可以这样调用它： ```javascript window.parent.a(); ``` 如果需要获取父...
js判断是否在iframe中
weixin_43174648的博客
05-06 1531
js判断是否在iframe中
判断页面是否被iframe引入
濮家大少
11-05 951
根据window.top 和 window.self判断 if(window.top === window.self) { //不在iframe中 } else { //在iframe中 }
后端学习之过滤器和监听器
人在江湖飘，哪能不挨刀
09-13 465
笔者今天复习了后端的过滤器和监听器方面的内容，下面就让笔者为大家介绍这些方面的内容吧，若有错误，还望大家能批评指正。 过滤器 介绍 Filter 即为过滤，用于在 Servlet 之外对 Request 或者 Response 进行修改。它主要用于对用户请求进行预处理，也可以对 HttpServletResponse 进行后处理。使用 Filter 的完整流程： Filter 对用户请求进行预处理，接着将请求交给 Servlet 进行处理并生成响应，最后 Filter 再对服务器响应进行后处理。在一个
js判断函数是否存在并且执行
weixin_30532987的博客
12-13 1891
//执行回调函数 typeof fn === "function" ? fn() : false; 转载于:https://www.cnblogs.com/silences/p/8033019.html
js判断H5是否在小程序、微信中，webview中。
这个博客记录我的成长。(专注前端开发，ehcarts图表开发，接定制)，有需要请站内私信。
05-11 8381
js判断H5是否在小程序、微信中，webview中。
如何判断页面是否被iframe引用
caoshunxin01的专栏
02-23 3199
如果没有被iframe引用的话，则location与top.location是一样的！ 判断页面是否被iframe引用 if(top.location != location){       top.location.href= location.href;   }
js判断当前页面是否被iframe引用的方法
weixin_42646650的博客
05-13 805
js判断当前页面是否被iframe引用的方法 方法一 console.log(top.location === location) //如果返回false –> 说明页面被嵌套在iframe中了 //如果返回true –> 说明页面并没有被嵌套在iframe中 方法二 console.log(window.self === window.top); //如果返回false –> 说明页面被嵌套在iframe中了 //如果返回true –> 说明页面并没有被嵌套在iframe中
js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法
08-25
### 回答1： 可以使用以下方法来判断是否在 iframe 中： ```javascript if (window.self !== window.top) { // 在 iframe 中 } else { // 不在 iframe 中 } ``` 在 jQuery 中，可以使用 `parent` 方法来调用 iframe 父页面的元素和方法： ```javascript // 获取父页面的元素 $(parent.document).find('#elementId'); // 调用父页面的方法 parent.methodName(); ``` ### 回答2： 要判断当前页面是否在iframe中，可以使用JavaScript的window对象的top属性来判断。如果top属性等于自身window对象，那么证明当前页面不在任何iframe中；如果top属性不等于自身window对象，那么证明当前页面在一个iframe中。 示例代码如下： ```javascript if (window.top === window){ console.log("当前页面不在任何iframe中"); } else { console.log("当前页面在一个iframe中"); } ``` 要在iframe中调用父页面的元素和方法，可以使用jQuery的parent()方法或者window.parent来获取父页面的元素或窗口对象，然后通过对象的方法来进行操作。 示例代码如下： ```javascript // 使用parent()方法获取父页面元素并进行操作 $("button", parent.document).click(function(){ // 在父页面中查找<button>元素，并添加点击事件处理函数 alert("在父页面中点击了按钮"); }); // 使用window.parent获取父页面窗口对象并进行操作 window.parent.postMessage("Hello from iframe", "*"); // 向父页面发送跨域消息 ``` 注意：在跨域的情况下，使用postMessage方法向父页面发送消息时，需要指定目标窗口的origin，以保证安全性。 ### 回答3： 在JS中，可以通过window对象的top属性判断当前页面是否在iframe中。若top属性等于当前window对象本身，则表示当前页面不在任何iframe中；若top属性指向其他window对象，则表示当前页面在一个iframe中。 以下是通过JS代码判断是否在iframe中的示例： ```javascript if (window.top === window.self) { console.log("当前页面不在iframe中"); } else { console.log("当前页面在iframe中"); } ``` 当需要在iframe中的页面中调用父页面的元素或方法时，可以使用jQuery来实现。jQuery可以通过使用窗口对象的parent属性来访问父页面的元素或方法。 以下是通过jQuery调用父页面的元素或方法的示例： ```javascript // 在iframe中调用父页面的元素 var parentElement = $(parent.document).find("#elementId"); // 在iframe中调用父页面的方法 parent.myFunction(); ``` 在以上示例中，通过$(parent.document)来选择父页面的DOM元素，再通过find()方法选择特定的元素。若需要调用父页面的方法，则使用parent对象直接调用方法即可。通过这种方式，可以在iframe中与父页面进行交互。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值