iframe（1） --- 判断页面是否被嵌套在iframe里

最新推荐文章于 2024-11-14 18:37:29 发布
原创 最新推荐文章于 2024-11-14 18:37:29 发布 · 9.2k 阅读 · 4 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
javascript

当前文章被收录于：

javascript
39 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了一种简单的方法来判断当前网页是否被嵌套在iframe中。通过检查window.self与window.top的关系，可以轻松地实现这一功能。

对iframe的使用比较少， 偶尔使用的时候也是现查，太麻烦了， 特此记录下，方便以后使用；

一： 判断页面是否被嵌套在iframe里
(
1. 如果返回false –> 说明页面被嵌套在iframe中了
2. 如果返回true –> 说明页面并没有被嵌套在iframe中
)

   console.log(window.self === window.top);
js如何判断页面嵌套在iframe中
徐同保的专栏
03-22 1179
js如何判断页面嵌套在iframe中
使用Iframe标签嵌套的页面滚动条
weixin_44548473的博客
07-18 4623
开发工具与关键技术： Vs 、使用Iframe标签嵌套的页面滚动条 作者：木有窝的鸟~小通 撰写时间：2019年7月17日 见过滚动条的小窗口吗，出现滚动条可以根据屏幕的大小来设置。一般iframe标签可以用于页面嵌套。平时写的小窗口也可以用iframe标签来写。那么在页面嵌套中呢，它可以设置宽度，而设置比较小的宽度的时候页面超出部分会出现滚动条。正因为如此，其实运用也比较广泛。 1、 为了节省视...
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.
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之中
ivan5277的博客
04-08 3941
需要注意的是，上述方法可能会受到跨域策略的影响，尤其是在严格的安全设置下，跨域 iframe 可能无法访问。如果当前上下文不在任何帧或 iframe 内，则。指向最顶层的窗口或框架。如果当前页面在 iframe 中，则。因此，在实际使用中，结合多个条件来判断更保险。JavaScript 判断当前页面是否在一个。如果页面是在另一个窗口或框架的上下文中，那么。同时，如果 iframe 设置了。应大于0，意味着存在嵌套的帧结构。属性返回对包含当前窗口或框架的。应该指向包含它的那个窗口，而且。
判断页面是否被包含在iframe中
ReacTor1379的技术备忘录
09-22 3358
如果页面中包含框架，则每个框架都拥有自己的window对象，并且保存在frames集合中，并可以通过数值索引或者name索引进行访问。如果frames的length为0，则代表这个页面中不包含iframe。 判断页面是否被包含在iframe中则需要使用到top这个属性，top对象始终指向最高(最外)层的框架，也就是浏览器窗口。 所以通过如下的判断： window.top == win
iframe嵌套其它网站页面详解
热门推荐
u011280778的博客
07-19 6万+
iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。 <iframe src="demo_iframe_sandbox.htm"></iframe> 但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属性 //iframe常用属性: //1.frameborder:...
iframe嵌套其它网站页面及相关知识点详解
Quentin0823的博客
01-31 2万+
在一个页面中嵌套另外一个页面，就要使用到框架 标签。 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
Iframe页面嵌套
weixin_44543312的博客
05-15 2万+
开发工具与关键技术：VS C# 撰写时间：2019年 5月 15日 在做项目的时候为了方便经常会用到嵌套标签来嵌套页面。因为一个系统里会有多个大模块，每一个大模块里又有好多个小模块，而每一个小模块又是由页面构建而成。所以，做项目的时候就会在模版里面嵌套内容。在主页面上嵌套要实现的页面功能，当用户点击主页面的菜单栏就会跳转到该页面。意思就是不管用户怎么点击主页面的菜单栏即使跳转到下一个页面，用户在...
iframe嵌套页面
weixin_55753367的博客
06-20 9670
HTML里有着这么一个标签 ifarme 。我们把它称做为内联框架标签。刚开始学习搭建页面的时候基本用不上，到现在自己学习做项目后才明白了这个标签的重要性。当看到标签中的 src 属性，就告诉我们可以在我们自己的网站页面加载其它的网站或者本站的其它页面内容，也就是嵌套页面。 在W3School里详细介绍： 1.支持iframe的浏览器 IE、Firefox、Chrome、Safari、Opera， 在不支持iframe的浏览器里是看不到嵌套效果的。 2.iframe的定义和用法 iframe元素会创建包含
使用Iframe嵌套其他系统页面遇到的跨域问题
第一行代码
07-14 5万+
之前需要将一个其他的系统页面集成到现在主要使用的一个平台上，因为这个系统使用的是jsp的页面，另一个是augular的页面，并且为了保持项目的完整性和较小的改动，所以使用了iframe来将另一个页面集成进来。 如何使用iframe嵌套页面 使用frameset标签即可将其他的页面集成到这个当前的页面，这个frame标签的作用其实挺大的 第一，可以防止页面刷新，将其他的一些刷新操作放到fram...
iframe和iframe实现页面内嵌套一个页面（jsp）
admin__istrator的博客
07-19 1万+
相信刚学习javaweb的同学都十分好奇页面上点击一个按钮下面就显示一个页面，点击不同的导航栏按钮，下方就会显示不同内容，这就用到了iframe标签的src属性。下面就给大家介绍一下iframe的使用及嵌套页面的实现 下面展示一些 内联代码片。 先给大家写一下嵌套页面的实现代码 <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="${pageContext.request.contextPath}/
【web端自动化】如何判断页面元素是否嵌套在iframe里面
lanniya152的博客
04-23 2789
在做ui自动化时有时候要判断页面是否嵌套在iframe里面。
elementUI的iframe嵌套跳转页面
z2014ypd的博客
04-18 1万+
在elementUI中使用树形控件和tabs标签页集成展示iframe嵌套跳转页面 使用树形控件 <el-tree style="margin-left: 20px; background-color: #F6F6F6" :data="treeData" node-key="id" :props="defa...
h5页面嵌套iframe标签
Polarisone的博客
08-28 4527
今天改项目遇到了个这样的问题: 同事写的一个页面用ifirame嵌套到h5页面中,但因为页面内容太多,点击保存按钮的时候弹框显示在上方,
快速实现 iframe 嵌套页面
最新发布
csdn565973850的博客
11-14 3287
总的来说，通过 iframe 嵌套页面的方式可以将通过接口传来的页面完整的嵌入到当前页面中，且页面内容不会受影响导致不能用，这就使得在获取其他系统数据时有了更多的选择，可以直接在其他系统将数据组装成完整页面后传入当前系统嵌套展示，而不是通过接口传输数据，然后在当前页面重新渲染的情况，这样可以很大的提升两边的开发效率，有一定的应用场景。
iframe框架一个页面中嵌套到另外一个页面
we
07-10 1万+
在一个页面中嵌套另外一个页面，就要使用到框架 标签。 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。基本语法： 举例： 运行浏览器后得到的效果如图 以上例子展示了的用法，在浏览器执行后，有个默认的高宽，让整个页面看起来不自然，还需要调整，所以接下来我们还要了解更多关于的属性。1、 标签的 frameborder 属性frameborder 属性规定是否显示 iframe...
php 判断iframe,js如何判断是否在iframe中及防止网页被别站用iframe嵌套
weixin_28559803的博客
03-24 783
1. js如何判断是否在iframe中Js代码//方式一if (self.frameElement && self.frameElement.tagName == "IFRAME") {alert('在iframe中');}//方式二if (window.frames.length != parent.frames.length) {alert('在iframe中');}//方式三...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值