如何从另一个HTML页面调用表

时间:2014-09-23 04:43:54

标签: javascript html

我在zoho工作。我创建了2个页面,即testtest2。我需要访问来自table的{​​{1}}页面中的test2。我想,我需要用某个名字来称呼test page。是否有任何机制可以从table页面访问test2 table

2 个答案:

答案 0 :(得分:3)

您可以在javascript中使用LocalStoragehttp://www.w3schools.com/html/html5_webstorage.asp)。您要做的是序列化您的test2表格的数据(例如使用JSON),并将其存储到您的其他窗口(测试)也可以访问的LocalStorage中。

例如,在test2中你会有这样的东西:

var tableHTML = document.getElementById("yourTableID").innerHTML;
window.localStorage["sharedTable"] = tableHTML;

test你会得到:

var tableHTML = window.localStorage["sharedTable"];
var table = document.createElement('table');
table.innerHTML = tableHTML;
//now table will be just like what you would get in test2 window if you did document.getElementById('yourTableId');

这是一个演示的独特情况......我有两个代表你的两个窗口/页面的JSFiddles。首先打开第一个链接,因为它代表必须首先运行的test2才能访问。然后打开第二个并看到来自另一个页面的表格HTML会被警告。

先打开(第2页): http://jsfiddle.net/mLy4tje2/

开放第二:(第1页); http://jsfiddle.net/qx2xodns/

答案 1 :(得分:0)

您可以将表格创建为单独的html页面,并使用iframe标记在test和test2中显示。

iframe Reference

这不是一个永久的解决方案。这是一个在两页之间共享html的想法。