在做一个刷新页面局部内容时,用frame框架进行刷新。
为实现这种效果,我建了3个html文件:frmset.html, frm_up.html, frm_down.html;
预设效果是:在frm_up.html页面中,点击按钮,对frm_down.html进行刷新
frmset.html:
<html>
<frameset rows="50%,50%" >
<frame src="frm_up.html" name="frm_up" id="frm_up">
<frame src="frm_down.html" name="frm_down" id="frm_down">
</frameset>
</html>
frm_up.html
<html>
<head>
<script type="text/javascript">
function reloadOtherPage()
{
parent.document.getElementById("frm_down").src = "frm_down.html";
}
</script>
</head>
<body>
<input type="button" value="刷新另一个框" οnclick="reloadOtherPage();">
</body>
</html>
frm_down.html
<html>
<h1>
<script type="text/javascript">
document.write(Math.round(Math.random() * 1000));
</script>
</h1>
</html>
frm_up.html的reloadOtherPage()的方法,就是刷新代码。
也可以是
parent.frames[1].location = "frm_down.html";