在使用
iframe
的时候,会出现跳转一直在
iframe
里面的情况,很多时候我们需要跳出
iframe
然后去他的父级跳转,这种情况下应该怎么做呢,我们在这里说一说它的方法.
首先是我们正常的跳转:(在
iframe
不行,内部来跳,类型
a
标签的
href
)
window.location.href
其次:我们来说下
iframe
,父级跳转方法:
parent.location.href
最后:我们说下最外层跳转方法:
top.location.href
在
iframe
引入的页面中,通过事件触发的方式进行传递参数,其中data是一个标识符的作用,在main.js中通过data进行判断,params是要传递的参数
//
iframe
向vue传递
跳转
路由的参数
$('#serverIPanalysis').click(function(){
window.parent.postMessage({ data: 'haveparams', param...
使用
iframe
框架时,在子页面内
跳转
–>让父页面跟着一起
跳转
由于开发需要,很多时候需要使用到
iframe
框架,即子页面,子页面使用是挺方便的,但如果在子页面内需要
跳转
整个页面时就会出现问题。
比如:如果在页面内判断登录状态时,发现还未登录时需要自动
跳转
到登录页面。但是会页面嵌套!
即:登录页面也嵌套在了
父级
页面中,这就不符合需求了。
在js中
跳转
,window.location.href();这就尴尬了,因为window这种
跳转
是没有target属性的,这时,你可以使用取个巧,让父页面跟着
<script>
window.onload=function(){ window.location.href="http://www.baidu.com"; window.parent.location.href="http://www.baidu.com"; }
</script>
转载于:https://www.cnblogs.com/huaci/p/...
做项目的时候用的是
iframe
框架,所以避免不了
iframe
跳转
,现总结几个
跳转
:
1、A,B,C,D都是页面,D是C的
iframe
,C是B的
iframe
,B是A的
iframe
,在D中
跳转
页面的写法区别如下:
2、js
跳转
window.location.href、location.href 本
页面跳转
,D
页面跳转
;
parent.location.href 上一层
页面跳转
...
由于开发需要,很多时候需要使用到
iframe
框架,即子页面,子页面使用是挺方便的,但如果子页面呢需要
跳转
整个页面呢,比如我就遇到了一个问题,我子页面有个功能需要登
录,所以连接的是登录页面,但登录页面只在子页面中显示,这就显得很不合理了,在这里,我介绍几种方法,
第一种,是比较大众的方法,及子页面内标签的整个
页面跳转
,只需在
标签中添加"target=_parent"即可。
第二种是在he
如果一个父页面index.html内有
iframe
,在某一个
iframe
对应的html文件中要实现
跳转
到另一个
iframe
, 并且保持父页面不变。
// 当前页面
iframe
_1.html
// 1. parent.()获取当前
iframe
页面的父页面index.html
// 2. 设置index.html内
iframe
元素的src属性
parent.$([name='fm']).src = '/
iframe
_2.html';
最近项目里有个广告位需要动态配置,后台给了一段 html 嵌套
iframe
标签的代码,需要Android拦截
iframe
内部
的
跳转
,自己做处理。
比如,下面是一段html代码,嵌套这
iframe
标签,src就是
跳转
地址,我现在就要当你点击该网址的时候做拦截,自己做处理而不是
跳转
。
<
iframe
src=https://www.jb51.net/ frameborder='0' scrolling='no' width='100%' height='300'>
</
iframe
>
</html>
oh,我还是第一次知道
iframe
标签,不过想着应该和普通拦截h5差不多,兴
一、背景A,B,C,D都是jsp,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
页面跳转
我们在使用一些后台程序的html模板(比如H-ui)的时候,这些html前端程序是
iframe
版的,
也就是说在使用的时候,每当我点击左侧导航栏的一个按钮,在右侧就会弹出一个菜单栏,在显示的地方就会出现一个页面。
我们在使用的时候会遇到这样一个问题:
比如我的session过期了,那么这个时候当我点击页面上摸一个按钮的时候,
我希望这个页面会
跳转
到登陆
界面
。
然而事实上它的确跳...
child页面
里面有一个按钮,点击
跳转
页面,如果
直接
写location.href ='',还是在
iframe
中
如果
跳转
的页面不想在
iframe
中,可以加一个parent
<p class="cl...
<Code>AccessDenied</Code>
<Message>Access Denied.</Message>
<Key>download/windows/google-chrome-1010495164-64bit-downzen.com.exe</Key>
<BucketName>dznapps</BucketName>
<Resource>/dznapps/download/windows/google-chrome-1010495164-64bit-downzen.com.exe</Resource>
<RequestId>18041079ACBC02BD</RequestId>
<HostId>5077d96e-ebc4-4bbd-af13-dac73bdd1865</HostId>
</Error>