js如何动态添加table到另一个html页面

问题描述：

如题,页面是用的frame,想实现点击A页面的一个按钮实现B页面的table动态添加,

答

我这里firefox，ie11都没有问题，chrome通过http访问也没有问题

 <iframe id="rightFrame" height="300" width="100%" src="x.html"></iframe>
<input type="button" value="addRow" onclick="addRow()" />
<script>
    function addRow() {
        var topWin = top.document.getElementById('rightFrame').contentWindow;
        var list2 = topWin.document.getElementById('planTable');
        console.log(list2)
        var l = list2.rows.length;
        for (var i2 = l - 1; i2 >= 0; i2--) list2.deleteRow(i2);
        var row = list2.insertRow(list2.rows.length);
        var cell = row.insertCell(0);
        cell.innerHTML = '11';
        cell = row.insertCell(1);
        cell.innerHTML = '22'
        cell = row.insertCell(2);
        cell.innerHTML = new Date().getTime()

    }
</script>

x.html


<table id="planTable" border="1"></table>

答

有跨域吗？没跨域的话应该好处理吧

答

没跨域可以用parent或者document.getElementById('iframe').contentWindow得到父页或者iframe的window作用域进行操作，跨域了没搞，而且本地测试不要用webkit核心浏览器如chrome，无法互访

iframe和父页，window.open打开页面之间的引用

答

图片说明
但是就是B页面的table没有动态生成,不知道为什么,也没有报错信息

答

大神你得代码的确好使,我也就想实现这种效果,
我在看看我的是不是哪写错了,今天前台比较忙,然后我做后台的就去做了点前台的东西,
小弟在此,谢谢大神了！！！

js如何动态添加table到另一个html页面

相关推荐