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

标签 javascript html

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

最佳答案

您可以在 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/

关于javascript - 如何从另一个 HTML 页面调用表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25987052/

相关文章:

javascript - 具有文本动画和自动播放功能的 Jquery Slider?

html - 当html高度为自动时如何用百分比设置高度?

javascript - 向左浮动菜单,我哪里错了?

javascript - 在nodejs中解析具有格式键值的数组

html - 向右浮动在媒体查询中不起作用?

javascript - 如何使用 Angular 6中的值解析电子邮件模板的动态元素

JavaScript 时钟在移动设备上不显示当前时间

html - HTML页面中的独立栏滚动

JavaScript:我们如何将数组插入数组?

javascript - 我如何在给定代码中使用 AJAX 来加载图像