html中iframe控制父页面刷新

一、应用场景

父页面 a.jsp
子页面 b.jsp，作为a页面中嵌入的iframe指向的页面

<body>
<iframe id="frame" src="b.jsp" .../>
</body>

现在在b页面中做了一项操作，操作结束后，需要达到a页面中嵌入的iframe刷新

二、思路

在b页面中找到a页面，然后找到a页面里的iframe，重新对iframe的src属性进行赋值。

三、实现

在b.jsp中

function refresh(){
 var frame = window.parent.document.getElementById("frame");
 var path = frame.getAttribute("src");
 frame.setAttribute("src", path);
}

这样只刷新了frame，局部刷新的效果。当然会面对页面缓存问题，解决如下：

var path = frame.getAttribute("src") + "&random=" + new Date();

时间： 2024-09-16 23:41:08

html中iframe控制父页面刷新的相关文章

html中iframe控制父页面刷新实现思路及代码

一.应用场景 父页面 a.jsp 子页面 b.jsp,作为a页面中嵌入的iframe指向的页面   复制代码 代码如下: <body> <iframe id="frame" src="b.jsp" .../> </body> 现在在b页面中做了一项操作,操作结束后,需要达到a页面中嵌入的iframe刷新 二.思路 在b页面中找到a页面,然后找到a页面里的iframe,重新对iframe的src属性进行赋值. 三.实现 在b.jsp

js中iframe调用父页面的方法_javascript技巧

本文实例讲述了js中iframe调用父页面的方法.分享给大家供大家参考.具体实现方法如下: 子页面调用父页面的方法在js中很容易实现.我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了 复制代码 代码如下: //在父页面中调用该函数 <script> function dey() { var cards_frame=d

js中iframe调用父页面实现代码

比如调用a()函数,就写成:  代码如下 复制代码 window.praent.a(); 但是我在chrome浏览器下却发现此方法无效了 //在父页面中调用该函数  代码如下 复制代码 <script> function dey() { var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字       cards_frame.checkedCard()             /

js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法_javascript技巧

重点是阻止默认的刷新,这样外部页面就不刷新了,然后指定刷新iframe,我下面给出了思路 document.onkeypress = function(e){ if(e.keyCode == 116){ e.preventDefault(); //组织默认刷新 var iframeSrc = iframe.src; iframe.src = iframeSrc; } } iframe页面里再写如下: var iframeSrc = parent.iframe.src; document.onke

js中iframe框架子页面中调用父窗口函数

分两种情况: 第一种:在iframe子页面调用父页面js函数: 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,可以写成:  代码如下 复制代码 window.praent.a(); a()为方法: 第二种:在iframe子父页面调用子页面js函数: 这个要稍微复杂些,我们可以用:  代码如下 复制代码 document.getElementById('ifrtest').contentWindow.b(); 注:ifrtest是iframe框架的id,b(

ssh+dwz-DWZ框架分页属性重名，导致父页面刷新报错！在线等！急~~~

问题描述 DWZ框架分页属性重名,导致父页面刷新报错!在线等!急~~~ SSH+DWZ 依次操作或点击完选项卡2和选项卡3,再(手动或程序)刷新父页面"修改"会出现图1错误,屏蔽选项卡2或3中的红色框的内容或修改成其他名字则不会报错,但是没了红色框内容则分页功能用不了,尝试修改过js,然后再刷新"修改"选卡不出错了但只能成功分页却不能选择第几页或下一页,求知道的大大指导一下在线等~!!!!!! 解决方案 请点开全部展开查看,附上图1-图3 解决方案二: 请点开全部展

java-JAVA中POS提交方式页面刷新怎么使参数不丢失

问题描述 JAVA中POS提交方式页面刷新怎么使参数不丢失 我现在有功能是查看资源详情的,进入详情是使用POST提交方式的,现在问题是当用户进入详情页刷新页面时会报错(参数丢失),现在请问大家有什么方法可以解决这个问题么?注:不能使用GET方式提交,因为要携带的参数很长 使用juqery 的 onunload 函数,却不兼容火狐和谷歌 解决方案 怎么会丢失呢?用fiddler看下你发送有没有问题? 解决方案二: 用隐藏域 就可以了

javascript-c# js中 我有个页面 刷新的时候 会出现开一个白色的框框 就像alert(&amp;amp;#39;&amp;amp;#39;)一样

问题描述 c# js中 我有个页面 刷新的时候 会出现开一个白色的框框 就像alert('')一样 c# js中 我有个页面 刷新的时候 会出现开一个白色的框框 就像alert('')一样里面什么没有 我现在就是想屏蔽这个alert 但是有个HC.Alert('')这是我们公司封装的 不需要屏蔽 改怎么做?? 解决方案 你去掉相关alert代码不就好了.如果你确实不想要系统的alert函数,你可以定义alert=function(){}为空函数,经测试firefox,chrome,IE11有效,

js弹出窗口父页面刷新问题

问题描述 js弹出窗口父页面刷新问题 在初始页面,点击进入都详情页1,在详情页1再点击详情进入到详情页2,在详情页2有个修改数据的按钮,当我点击修改的时候弹出窗口,提交后回到详情页2,但是不刷新怎么办呢 我想点击刷新按钮进行刷新,求救大家 解决方案 弹出窗口的脚本 window.opener.location.href = window.opener.location.href; window.close; 解决方案二: 弹出窗口你是层模拟的还是浏览器的窗口.浏览器提交后输出js刷新下父页ope