IE6中子页面iframe中的js代码来刷新父页面的iframe的src不生效

最新推荐文章于 2022-03-07 07:52:12 发布

宸路

最新推荐文章于 2022-03-07 07:52:12 发布

阅读量2.8k

点赞数

分类专栏： JQuery学习文章标签： iframe ie jquery function

本文链接：https://blog.csdn.net/gaofang2009/article/details/6004632

版权

JQuery学习专栏收录该内容

43 篇文章 0 订阅

订阅专栏

示例：

parent.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>
<a href="#" onclick="document.getElementById('parentFrame').src='child1.htm'">显示child1页面</a>
<iframe id="parentFrame"></iframe>
</body>
</html>

child1.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 type="text/javascript">
        function showPage2() {
            parent.document.getElementById('parentFrame').src = 'child2.htm';
        }
    </script>
</head>
<body>
    <a href="#" onclick="showPage2()">跳转到child2页面</a> 这是child1页面 11111111111111111111111111111111111111111111111111111
</body>
</html>
child2.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>
这是child2页面
2222222222222222222222222222222222222222222222222
</body>
</html>

效果如下：


这些代码也可以用jquery实现，这理就不写了。
如果不能跳转
则用
     setTimeout(function () {
                    $("#parentFrame", parent.document.body).attr("src", "你要的页面");
                }, 1);