日期:2014-05-19  浏览次数:20690 次

iframe 刷新求助
一个画面上 一个按钮 一个iframe 点击按钮的时候 刷新iframe,为什么我写的不能实现,总是会把整个画面跳转掉。
求高手...


<html>
<head>
<title>Untitled</title>
</head>
<script type="text/javascript">
function iframe2aa()
{
var frame = document.getElementById("ifame"); 
frame.document.location = "aa.htm";
}
function iframe2bb()
{
var frame = document.getElementById("ifame"); 
frame.document.location = "bb.htm";
}
</script>
<body>

<table>
<tr>
<td>
<div id="div1">
<input type="button" value="button_aa" onclick="iframe2aa()">
<input type="button" value="button_bb" onclick="iframe2bb()">
<iframe width="100%" height="450"
src="aa.htm" 
frameborder="0" id="ifame"
name="ifame" scrolling="no"> 
</iframe>
</div>
</td>
</tr>
</table>
</body>
</html>

------解决方案--------------------
HTML code
<html>
<head>
<title>Untitled</title>
</head>
<script type="text/javascript">
function iframe2aa(u)
{

document.getElementById("ifameid").src = u ;

}
function iframe2bb(u)
{
document.getElementById("ifameid").src = u ;
}
</script>
<body>

<table>
<tr>
<td>

<input type="button" value="button_aa" onclick="iframe2aa('aa.htm')">
<input type="button" value="button_bb" onclick="iframe2bb('bb.htm')">
<iframe width="100%" height="450"
src=""  
frameborder="0" id="ifameid"
name="ifame" scrolling="no">  
</iframe>
</td>
</tr>
</table>
</body>
</html>

------解决方案--------------------
Java code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function iframe2aa()
{
var frame = document.getElementById("ifame");  
frame.src = "a.html";
}
function iframe2bb()
{
var frame = document.getElementById("ifame");  
frame.src = "b.html";
}
</script>

</head>
<body>
<input type="button" value="button_aa" onclick="iframe2aa()">
<input type="button" value="button_bb" onclick="iframe2bb()">
<iframe width="100%" height="450"
src="a.html"  
frameborder="0" id="ifame"
name="ifame" scrolling="no">  
</iframe>
</body>
</html>

------解决方案--------------------
function iframe2aa()
{
var frame = document.getElementById("ifame");
frame.document.location = "aa.htm";
}
这个函数里面改成
var frame = document.getElementById("ifame").name;
window.open("bb.html",frame);
试试。