怎么实现点击下一页只让iframe里面刷新
1个回答
展开全部
给你调试好了:
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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询