【坑】如何从iframe中跳出来，让整个页面都跳转

最新推荐文章于 2023-08-18 10:28:51 发布
最新推荐文章于 2023-08-18 10:28:51 发布
阅读量2.6w 收藏 3
点赞数
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010513756/article/details/46440153
版权

问题引出

我们在用iframe的可能会遇到让整个页面跳转到某个url，如果我们直接通过

  1. url直接跳转
  2. js中的window.location.href
  3. window.navigate()
  4. self.location.href
都会只让iframe部分跳转，如果我想要整个页面全部跳转呢？

解决办法

试试js中的top.location，就像这样 
    top.location = "http://www.baidu.com"
         说不定就行了呢，反正我在我的Firefox上只有这个方法实用一点

_Slience_
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
09-28
就想弄一个winform结合html5的一个小东西，突有心血来潮，想在里面嵌套一个微信网页版，下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法，一起看看吧
jquery获取父/子iframe页面的URL
u010244957的博客
12-20 2314
jquery获取父/子iframe页面的URL、参数、端口、协议等
前端iframe框架在火狐、谷歌、Safari浏览器下如何快速查看页面地址src
chuangxin的专栏
04-24 3958
有个饮料企业进销存应用，采用的是每个TAB页加载一个iframe，然后用iframe加载jsp页面。在实际开发、测试中，往往需要快速定位到当前Active的TAB页对应的Iframe加载的是具体哪个页面，方便修改。以火狐、谷歌和Safari浏览器为例，简单看下如何快速查看iframe加载的页面信息。 1、火狐浏览器 鼠标右键，在此框架菜单下有很多二级菜单，比较常用的有： 1）仅显示此框架，当前页...
Layer组件多个iframe弹出层打开与关闭及参数传递
aoqiao1146的博客
10-26 633
一、Layer简介 Layer是一款近年来备受青睐的web弹层组件，基于jquery，易用、实用，兼容包括IE6在内的所有主流浏览器，拥有丰富强大的可自定义的功能。 Layer官网地址：http://layer.layui.com/ 二、多个iframe弹出层（非嵌套） 1.打开iframe弹出层js代码 （1）示例一： layer.open({ t...
如何在iframe内部弹出浮层，浮层遮罩整个浏览器
热门推荐
AngieLife
04-13 1万+
需求说明： 页面内有多级iframe嵌套； iframe内部某些按钮点击后需要弹出浮层； 浮层需要将整个浏览器窗口遮罩，且浮层位于浏览窗口中部。 解决思路： 顶层页面内预留用于显示浮层的div(命名为popdiv),且该div内有一预留的iframe，该iframe用于加载浮层内容，命名为popiframe； 提供可以直接访问浮层内容的url连接； iframe触发显示浮层事件时，通过window.
从指定的iframe中打开页面
like_the_moon的博客
10-08 548
window.parent.frames[‘right’].location.href=‘new url’
关于前端iframe嵌套页面的跳转问题
ABestRookie的博客
11-16 7040
因工作中遇到的项目,有iframe页面嵌套,遇到了页面跳转的问题,所以记录解决问题的过程 关于前端iframe嵌套页面的跳转问题 问题: 在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即登录成功后才可以访问B中的某个页面,如果没有登录,则跳转A登录页面. 过程: 开始在B中尝试使用页面跳转location.href="A登录的页面地址",一直访问失败,且浏览器地址栏的url也没有变化,查询相关资料得到解决方法. 解决方案: 使用:windows.parent.location.href=".
Iframe url跳转方法
明媚
07-02 9439
一、适用背景 页面A嵌入Iframe页面B Iframe页面B跳转到页面C 由于是在Iframe页面B中跳转到页面C，所以页面C是以Iframe形式显示。 我想要页面C是以地址栏中是页面C的url的形式显示。 如图所示： 不做任何处理，直接由页面B跳转到页面C是这样： 但是，我想实现这样的效果： 二、实现 iframe页面B跳转到页面C之前先获取父页面的url，然后在父页面打开页面C。 即页面C是页面A跳转过去的，而不是在 iframe页面B中跳转过去的。 parent.location.hre
框架iframe的界面跳转的运用
最新发布
梦凝哲雪
08-18 3765
在上述代码中，假设iframe的id属性为"myIframe"，并且要跳转到的子界面的URL是"subpage.html"。通过修改iframe的src属性，可以改变嵌入的网页内容，从而实现跳转到子界面。由于浏览器的同源策略限制，如果iframe子界面和外部界面的域名不同，需进行跨域配置才可访问外部界面。这些方法可以在iframe子界面中的JavaScript代码中使用，以实现跳转到外部界面的操作。此时只能在iframe框架的主界面切换 而 无法跳转到iframe之外的界面。来修改外部界面的URL。
使用iframe框架时，子页面内跳转整个页面
W_Q_Q_的博客
09-04 1万+
由于开发需要，很多时候需要使用到iframe框架，即子页面，子页面使用是挺方便的，但如果子页面呢需要跳转整个页面呢，比如我就遇到了一个问题，我子页面有个功能需要登 录，所以连接的是登录页面，但登录页面只在子页面中显示，这就显得很不合理了，在这里，我介绍几种方法， 第一种，是比较大众的方法，及子页面内标签的整个页面跳转，只需在 标签中添加"target=_parent"即可。 第二种是在he
html判断当前页面是否在iframe中的实例
09-01
下面小编就为大家带来一篇html判断当前页面是否在iframe中的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
从父页面读取和操作iframe中内容方法
09-05
在父页面中访问iframe中的各个元素与一般的访问页面元素无本质区别，无非是需要在父页面中事先获取需要处理的iframe对象，在获取iframe对象后，其操作基本没什么特别之处。
在vue中实现嵌套页面(iframe)
10-15
主要介绍了在vue中实现嵌套页面(iframe)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Iframe页面请求跳转问题解决
05-31
首先在父页面的javascript给定义一个window.name，并赋予一个字符串值，如window.name="test"，其中赋予的字符串值可以随意定义，然后在Iframe页面的Form 标签中定义target属性，并且其值也必须与之前定义的window....
iframe标签 -实现页面跳转url不变的效果(明面上这么理解)
wpf973的博客
07-09 1547
定义和用法 iframe - HTML标签，作用是创建包含另外一个文档的内联框架（即行内框架）。 iframe 元素也就是文档中的文档，或者浮动的框架(FRAME)。frames 集合提供了对 iframe 内容的访问。使用 frames 集合可以读写 iframe 内包含的元素。 基本介绍 iframe 元素也就是文档中的文档，或者好像浮动的框架(FRAME)。frames 集合提供了对 iframe 内容的访问。请使用 frames 集合读写 iframe 内包含的元素。例如，如果要访问 iframe
jquery iframe跳转
u010668910的博客
03-25 4709
jquery iframe跳转
iframe内嵌页面跳转的两种方法
wstm2016的博客
09-05 8626
<p>通过 a标签的 "traget"属性 指定iframe的名字name ，将href写为要跳转的url</p> <a href="http://baidu.com" target="aframe" >点击</a> <p>下面是：iframe标签</p> <iframe name="aframe" id="fram...
防止自己的网站被他人iframe内嵌的方法
仿站、源码搭建/迁移技术博客
03-16 759
防止网页被frameset iframe内嵌，内嵌后自动跳出框架，利用JS和HTTP header来实现。
vue中iframe嵌套页面跳转
04-04
在Vue中嵌套iframe页面跳转，可以使用iframe的window对象的location属性进行页面跳转。 例如，在Vue组件中嵌套一个iframe： ``` <template> <div> <iframe ref="myIframe" src="http://www.example.com"></iframe> </div> </template> ``` 然后，在Vue组件的方法中使用iframe的window对象的location属性进行页面跳转： ``` <script> export default { methods: { goToPage() { this.$refs.myIframe.contentWindow.location.href = 'http://www.example.com/newpage'; } } } </script> ``` 在这个例子中，当调用goToPage方法时，会将iframe中的页面跳转到http://www.example.com/newpage。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值