怎么实现在一个使用IFRAME引入A页面、B页面,在A页面中点击操作实现B页面刷新?

具体如下:
在一个页面中p.html,使用iframe引入了a.html和b.html.
p.html页面中使用iframe引入两个页面,左边显示a.html右边显示b.html.
我在a.html中点击某个操作实现b.html页面刷新?

第1个回答  推荐于2016-12-02
给你调试好了:
p页面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
页面的a框架页
<iframe height="100" width="400" frameborder="1" src="a.html" id="a_frame" name="a_frame"></iframe>
<br>
页面的b框架页
<iframe height="100" width="400" frameborder="1" src="b.html" id="b_frame" name="b_frame"></iframe>
</body>
</html>

a页面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="background-color:#CCCCCC;">
这里是a页面上内容
<input type="button" name="Submit" value="a页面上的刷新按钮" onClick="go2refresh()">
<script language="JavaScript" type="text/javascript">
function go2refresh()
{
parent.frames["b_frame"].document.getElementById("getValue").innerHTML = ' ';
}
</script>
</body>
</html>

b页面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="background-color: #FF99CC;">
这里是b页面上内容
<span id="getValue"></span>
<script language="JavaScript" type="text/javascript">
alert("b页面载入了")
function getNewVaue()
{
if ( document.getElementById("getValue").innerHTML != "" )
location.reload();
}
setInterval("getNewVaue()",1);
</script>
</body>
</html>本回答被提问者采纳
第2个回答  2011-11-04
例如:

<iframe src="a.html" width="100%" height="100px" id="aa"></iframe>
<br /><br />
<iframe src="b.html" width="100%" height="100px" id="bb"></iframe>

通过a.html刷新B页面,在a.html加上
<a href="javascript:parent.document.frames('bb').location.reload()">刷新B页面</a>

...使用IFRAME引入A页面、B页面,在A页面中点击操作实现B页面刷新...
<body style="background-color:#CCCCCC;"> 这里是a页面上内容 <input type="button" name="Submit" value="a页面上的刷新按钮" onClick="go2refresh()"> <script language="JavaScript" type="text\/javascript"> function go2refresh(){ parent.frames["b_frame"].document.getElementById("g...

Vue中使用iframe嵌套页面
Vue中遇到一个需求,需在A页面点击【会员姓名】弹出B页面内容,原方案通过页面跳转效率低,考虑以iframe嵌套实现。以下是详细步骤:首先,分析问题:B页面复杂,不便直接转化为组件。项目经验丰富,改动原代码风险大。因此,选择iframe嵌套B页面在弹框中显示,代码如下:在A页面中,利用element-ui的el-dialog...

...IFRAME 嵌套了 b.php. a页面如何能不刷新获取到b 传递过来的值?在线...
刷新版:input的名称假设为 name 那么 <form action="a.php" method="post"><input name="name" type="text" \/><input type="submit" value="刷新" \/><\/form> 然后在iframe里面改变 <iframe src="<?=$_POST['name']?>"><\/iframe> 免刷新版:(需要加一点js代码,基本假定和上面一样...

iframe嵌套页面上下按钮控制内容页上下翻动
其实就是调整iframe的scrollTop,例如下面是向下按钮所触发的函数:\/\/b页面向下滚动一定距离,这里设为5pxdocument.getElementById("b").body.scrollTop += 5;

html 怎么用一个页面显示多个内容
可以用 iframe 框架来在同一个网页中,呈现不同的内容。iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

详解iframe跨域的几种常用方法(小结)
a页面url为a.demo.com,a页面中iframe引用的b页面url为b.demo.com,具体设置为document.domain = 'demo.com'设置完之后,在a页面的window上挂载使iframe全屏的方法\/\/ a页面window.toggleFullScreen = () => { \/\/ do something}在b页面上可以直接获取到a页面的window对象并直接调用\/\/ b页面window...

怎样在一个HTML中嵌入另一个HTML页面
HTML中的嵌套通常使用<iframe >标签,iframe 元素会创建包含另外一个文档的内联框架(即行内框架),所有浏览器都支持 使用方法示例:a.html代码 <html> <body> <p style="color: #009F95;">我是嵌入的HTML上面的标签<\/p> <iframe src="b.html" frameBorder="0" width="900" scrolling="no"...

怎么实现iframe全局刷新
p页面代码: 页面的a框架页 页面的b框架页 a页面代码: 这里是a页面上内容 function go2refresh() { parent.frames["b_frame"].document.getElementById("getValue").innerHTML = ' '; } b页面代码

如何使用iframe实现跨域写入cookie 并且兼容大部分浏览器
a.com根据用户输入操作a.com的cookie,b.com根据用户在a.com得到的输入数据来操作b.com的cookie。如何在a.com用户输入a.com的用户数据时同时提交到b.com的验证页面呢?这时候iframe就派上用场了。相关代码:<form method="post" action="<?php print $b?>setcookie.php" target="ifrm" ><field...

如何在一个IFREAM中显示另一个IFREAM中的链接结果呢?
可以通过添加url参数的方式传递。比如两个iframe,分别是a,b.其中a中的有一个链接是<a href="b.html" target="b">链接到b<\/a>.现在要传参数了,就可以这么写<a href="b.html?param=a" target="b">链接到b<\/a>.然后在b.html页面中回去param这个参数就可以了。获取的方法可以通过javascript...

相似回答