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

Question

我在 zoho 工作。我创建了 2 个页面，即 test 和 test2。我需要从 test page 访问 test2 页面中的 table。我想，我需要用某个名称来调用那个 table。有什么机制可以让我从 test 页面访问那个 test2 表。

Answer 1

您可以在 javascript 中使用 LocalStorage ( http://www.w3schools.com/html/html5_webstorage.asp )。您要做的是序列化您的 test2 表单的数据(例如使用 JSON)，并将其存储到 LocalStorage 中，您的其他窗口 test 也将能够访问该数据。

例如，在 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');

这是一个演示的独特情况...我有两个 JSFiddle，它们代表您的两个窗口/页面。首先打开第一个链接，因为它代表必须首先运行才能访问的 test2。然后打开第二个并查看来自另一个页面的表格 HTML 被提醒。

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

打开第二个:(第1页)； http://jsfiddle.net/qx2xodns/