怎么实现在一个使用IFRAME引入A页面、B页面,在A页面中点击操作实现B页面刷新?
具体如下:在一个页面中p.html,使用iframe引入了a.html和b.html.p.html页面中使用iframe引入两个页面,左边显示a.html右边显示b.ht...
具体如下:
在一个页面中p.html,使用iframe引入了a.html和b.html.
p.html页面中使用iframe引入两个页面,左边显示a.html右边显示b.html.
我在a.html中点击某个操作实现b.html页面刷新? 展开
在一个页面中p.html,使用iframe引入了a.html和b.html.
p.html页面中使用iframe引入两个页面,左边显示a.html右边显示b.html.
我在a.html中点击某个操作实现b.html页面刷新? 展开
展开全部
给你调试好了:
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>
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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
例如:
<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 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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询