iframe刷新父页面
iframe页面是内嵌到父页面的,当点击iframe页面的服务器控件时,默认只刷新iframe页面,父页面是不会刷新的。若想刷新父页面,可以使用js来实现,如 1. parent.location.reload();
window.parent.location.href='';
在a链接中可以用<a href='http:/....../login.pep' target='_parent'>
这种方法会重新加载整个页面。但如果要在原页面的基础上传递参数,则可以使用下面的方法:
2.top.document.location.href='xxx.aspx?id=xx'。
但这两种方法都有一个共同的缺点,就是iframe内嵌页面的状态不会保存了,刷新后会重新回到第一次加载的状态。所以,如果是在子页面提交了一些信息,然后希望父页面的相关信息得以及时更新的话,可是又不希望回到第一次加载的状态,就只能通过,iframe里面的子页面向父页面传值的方式来更新值
二 iframe里面的子页面向父页面传值的方式来更新值
在父页面中这么写<input type="hidden" id="A" name="A"/>
在子页面中 window.parent.document.getElementById("A").value=yourValue;
三,iframe里面的子页面向父页面传值的方式来更新方法
window.parent.gx_digit() ;
笔者在开发时遇到这个问题,框架不支持,只好自己实现了。。
因为
iframe
没有id元素,获取当前活跃状态的标签data-id,然后根据这个来获取对应的
iframe
,实现
刷新
var url = $('.J_menuTab.active').attr('data-id');
$("
iframe
[data-id='"+url+"']").attr('src', $("
iframe
[data...
在
页面
中有个
iframe
1
<
iframe
id="
iframe
1" src="${ctx}/product/list/" width="100%" height="91%" frameborder="0"></
iframe
>
而在list
页面
中有个方法mode,通过mode打开了另一个
iframe
2。
function m
一,
iframe
刷新
父
页面
iframe
页面
是内嵌到
父
页面
的,当点击
iframe
页面
的服务器控件时,默认只
刷新
iframe
页面
,
父
页面
是不会
刷新
的。若想
刷新
父
页面
,可以使用
js
来实现,如
1. parent.location.reload();
这种方法会
重新
加载
整个
页面
。但如果要在原
页面
的基础上传递参数,则可以使用下面的方法:
2.top.document.location.hr
使用
iframe
解决网页播放控件的
刷新
问题
最近在做毕设项目时遇到了一个很大的bug,因为我做的是一个音乐播放网站,类似于网易云音乐web版,写着写着突然发现从主页跳转到歌曲信息的界面后底部的播放控件也随之
刷新
了,这样是不能满足一个正常音乐网站的需求的,所以我查询了一些资料,了解到网易云音乐web是使用啥hash+
iframe
的,我也尝试搜看了这方面的资料,但是。太复杂了,对于我这个后端开发的来说太陌生了,所以有了以下的方法。
跳转界面底部播放控件不发生变化,或者说不
刷新
播放控
毕设里面遇到了个小坑
父
页面
layer.open中success代码
let
iframe
Win = window[layero.find("
iframe
")[0]["name"]];
console.log(data)
var body = layer.getChildFrame('body', index);
body.find('.username').val(data.username);
这样成功打开
iframe
的时候,body.find会找到对应的html并将data赋值进去
然而我一开始按照