您的位置：首页 > Web前端 > JavaScript

JS修改<frame>地址 2种方法

2013-04-11 15:08 387 查看
在做一个刷新页面局部内容时，用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="刷新另一个框" onclick="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";
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  javascript frame frameset
相关文章推荐
新的分享
章节导航