子页面调用父页面的内容

最新推荐文章于 2024-09-14 15:29:58 发布

qian78long

最新推荐文章于 2024-09-14 15:29:58 发布

阅读量542

点赞数

分类专栏：前端技术学习文章标签： timer function 测试

本文链接：https://blog.csdn.net/qian78long/article/details/6150368

版权

前端技术学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

今天一个朋友说了一个问题，子页面调用父页面的内容的方法实现，这里我用js的方法实现了下，没有测试过兼容性。呵呵，其实其他方法也很多，只不过练习下js，留下一个记忆。。

//a.html代码：

var opener = null;
function newwindow(){
    opener = window.open('b.html','new_window','');
    start();
}

var timer = null
function start() {
    timer = setTimeout(function() {
        if(opener.loaded) {
            clearTimeout(timer);
            opener.document.getElementById('bb').innerHTML = window.document.getElementById('aa').innerHTML;
        }else {
            start();
        }
    },100);
}

//b.html代码：

var loaded = false;
window.onload = function(){
    loaded = true;
}