该博客介绍了如何使用JavaScript在iframe之间实现刷新功能。通过创建一个页面包含两个iframe，其中一个iframe的源代码中定义了一个名为`test()`的函数，用于刷新父页面中的另一个iframe。重要的是，`test()`函数不应与异步请求功能在同一事件中，如`onclick()`，而应使用如`onmouseout`这样的其他事件来避免冲突。示例代码展示了如何通过改变`src`属性实现iframe的刷新。
定义三个页面 第一个页面包含两个iframe ,frmtest1.htm 页面 调用函数test()实现刷新父页面里面的另一个ifarme，注意当test()方法，不能和有异步请求的功能的函数，在一个事件里面，像onclick()这种点击触发假如说需要异步请求数据的话,刷新功能就不能出现在onclick方法内，应该用另外的事件，比如onmouseout 事件；
-------------------------------------------页面一源码：
<html>
<head>
<title>测试iframe</title>
</head>
<body>
<iframe src="frmtest1.htm" id="frm1">
</iframe>
<iframe src="frmtest2.htm" id="frm2"></iframe>
</body>
</html>
-------------------------------------------页面一源码：
--------------------------------------------frmtest1.htm 页面源码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script>
function test()
{
// alert(window.top);
var frm = window.top.document.getElementById("frm2");
frm.src = "frmtest2.htm";
}
</script>
</head>
<body>
我是页面1
<input value="点击我来测试刷新页面二" onclick="test();"/>
</body>
</html>
--------------------------------------------frmtest1.htm 页面源码
---------------------------------------------frmtest2.htm 页面源码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
我是页面2,我来一个标识<a onblur="" onkeypress onmouseout onmousemove=""></a>
<script>
var flg = Math.random();
document.write(flg);
</script>
</body>
</html>
扫一扫
411
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
