js判断当前页面是否被嵌入到Iframe内？

最新推荐文章于 2024-04-08 18:01:08 发布
最新推荐文章于 2024-04-08 18:01:08 发布
阅读量1.6k 收藏 1
点赞数 1
分类专栏： 前端 Vue Angular 文章标签： javascript html html5 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39157014/article/details/120511577
版权
前端 同时被 3 个专栏收录
19 篇文章 0 订阅
订阅专栏
Vue
15 篇文章 0 订阅
订阅专栏
Angular
3 篇文章 0 订阅
订阅专栏

js判断当前页面是否被嵌入到Iframe内？

使用场景

最近在做将公司所有项目的监控系统，为了重复的写代码，建页面，就将所有项目自身的监控页面通过iframe嵌入到监控系统里，但是这些项目自身就存在菜单、头部、面包屑、footer等，这样引入到iframe内的页面就需要复杂的样式处理，而且很多弹框页面打开后，因居中问题，导致被监控系统覆盖(嵌入页面的z-index无效)等等很多问题，所以就想到，如果能够判断页面是否被iframe嵌入，这样就可以在这些被嵌入的项目中动态显示或隐藏了。

判断方法

真的非常简单

// 判断当前页面是否被iframe嵌入
window.self === window.top

将结果赋值给一个变量，通过变量来动态显示或隐藏，这里就不赘述了

ZwLemon
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
js判断页面是否是在iframe里面
小马甲
03-07 587
上面是父前端项目里的iframe加载了子前端项目的页面。此时如果点击子项目的内容，如果要进行父项目浏览器页面跳转，可以使用方法。这里的target会有2种跳转方式，_self和_blank。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
01-19
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嵌套 将下面的代码加到您的页面 <head></head> 位置
js判断是否在iframe中
weixin_30333885的博客
12-19 127
1.方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") {　　alert('在iframe中');} 2.方式二if (window.frames.length != parent.frames.length) {　　alert('在iframe中');} 3.方式三if (self !=...
web: 如何判断当前页面是否为iframe嵌套
czw15913934496的博客
02-01 334
【代码】web: 如何判断当前页面是否为iframe嵌套。
js如何判断当前网页是否存在于一个iframe之中
最新发布
ivan5277的博客
04-08 410
需要注意的是，上述方法可能会受到跨域策略的影响，尤其是在严格的安全设置下，跨域 iframe 可能无法访问。如果当前上下文不在任何帧或 iframe 内，则。指向最顶层的窗口或框架。如果当前页面在 iframe 中，则。因此，在实际使用中，结合多个条件来判断更保险。JavaScript 判断当前页面是否在一个。如果页面是在另一个窗口或框架的上下文中，那么。同时，如果 iframe 设置了。应大于0，意味着存在嵌套的帧结构。属性返回对包含当前窗口或框架的。应该指向包含它的那个窗口，而且。
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.
判断当前页面是否有元素被iframe嵌套
前端工程师，博文都是自己学习到的，或者开发中遇到的点，记录一下
05-31 1644
我是用的方法二解决的问题：top.frames.length>0 ，大于0 就是有被嵌套的，等于0就是没有被嵌套。我当时的场景：在某一页面判断该页面有没有元素是被iframe嵌套的，根据是否被嵌套做页面其他 逻辑处理。
js判断当前页面是否被iframe引用的方法
weixin_42646650的博客
05-13 792
js判断当前页面是否被iframe引用的方法 方法一 console.log(top.location === location) //如果返回false –> 说明页面被嵌套在iframe中了 //如果返回true –> 说明页面并没有被嵌套在iframe中 方法二 console.log(window.self === window.top); //如果返回false –> 说明页面被嵌套在iframe中了 //如果返回true –> 说明页面并没有被嵌套在iframe中
iframe（1） --- 判断页面是否被嵌套在iframe里
小白变怪兽
05-22 8893
iframe 判断页面是否被嵌套在iframe里
JS动态修改iframe内嵌网页地址的方法
10-24
主要介绍了JS动态修改iframe内嵌网页地址的方法,涉及javascript动态修改iframe中src属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
html判断当前页面是否在iframe中的实例
01-19
在做HTML页面的时候，经常会遇到“如果当前页面显示在iframe中，我们就相应的...以上这篇html判断当前页面是否在iframe中的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
JS防止网页被嵌入iframe框架的方法分析
01-19
本文实例讲述了JS防止网页被嵌入iframe框架的方法。分享给大家供大家参考，具体如下： 例如： [removed] if (window!=top) // 判断当前的window对象是否是top对象 top.location.href = [removed].href; // 如果...
判断iframe里的页面是否加载完成
09-04
主要介绍了通过js来判断iframe里的页面是否加载完成,需要的朋友可以参考下
safari,opera嵌入iframe页面cookie读取问题解决方法
01-19
1，首页 判断是否是这些浏览器,若是则去引导页面，其中reflag是判断是否已经去过引导页面。若已经引导过就不去引导页面了。 代码如下: function safarireload() { var rehref=[removed].href; if(jQuery.browser....
JS修改iframe页面背景颜色的方法
10-24
主要介绍了JS修改iframe页面背景颜色的方法,涉及javascript操作iframe页面样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
用js互相调用iframe页面内的js函数
01-19
，可以在页面中内嵌入一个页面，用来做框架页面非常适合，如下图， 一个html页面，分成左右两块，左边为导航栏，右边为需要显示的内容，代码如下： 左栏的代码为： <IFRAME frameBorder=0 id=frmTit
Iframe 框架自适应被嵌入页面高度
02-20
js控制 Iframe 框架自适应被嵌入页面高度
js 判断是否在iframe
09-04
在JavaScript中，我们可以使用window对象的top属性来判断当前页面是否在一个iframe中。当页面在一个iframe中时，top属性将返回指向最顶层窗口的引用，否则返回对自身窗口的引用。 示例代码如下： ```javascript if (window.top !== window.self) { console.log("页面在一个iframe中"); } else { console.log("页面不在iframe中"); } ``` 上述代码中，我们通过比较window.top与window.self来判断页面是否在iframe中。如果它们不相等，则表示页面在一个iframe中；否则，表示页面不在iframe中。 需要注意的是，该方法只能在同源的情况下正常工作，即页面与嵌入它的iframe必须来自同一个域名。因为出于安全考虑，浏览器不允许通过JavaScript访问来自不同域名的窗口。 如果在跨域的情况下需要判断是否在iframe中，可以通过与父窗口进行通信来实现。父窗口可以在页面加载时向子窗口发送一个标志，子窗口收到标志后可以将其保存在本地，以备后续判断使用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ZwLemon

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值