如何從另一個HTML頁面調用表格

我正在zoho工作。我創建了2頁，分別是test和test2。我需要訪問table，它存在於test page的test2頁面中。我想，我需要用某個名字叫那個table。有沒有什麼機制可以從test頁面訪問test2 table。如何從另一個HTML頁面調用表格

來源

2014-09-23 Invoker

可能重複http://stackoverflow.com/questions/25993243/how-to-call-another-table-in-the-same-page – Sam1604 2014-09-23 11:15:47

你可以簡單地使用ajax到那個頁面獲取表格內容並追加你的頁面 – divakar 2014-09-25 06:22:21

您可以在JavaScript中使用LocalStorage（http://www.w3schools.com/html/html5_webstorage.asp）。你要做的就是序列化test2表單的數據（例如使用JSON），並將其存儲到您的其他窗口（測試）也能夠訪問的LocalStorage中。

例如，在測試2你有這樣的事情：

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被提醒。

打開第一（第二頁）： http://jsfiddle.net/mLy4tje2/

打開第二：（第1頁）; http://jsfiddle.net/qx2xodns/

來源

2014-09-23 04:51:57

確定嘗試本地存儲，會讓你知道，謝謝 – Invoker 2014-09-23 05:00:48

請注意，這不會與舊瀏覽器兼容 - 意味着將它放在答案中。 – 2014-09-23 05:01:29

查看快速演示 – 2014-09-23 05:09:39

您可以創建一個表格作爲單獨的html頁面，並使用iframe標籤在test和test2中顯示它。

iframe Reference

這不是一個永久性的解決方案。在兩頁之間共享一個html是一個想法。

來源

2014-09-23 04:59:54 Sam1604

如何從另一個HTML頁面調用表格

回答

相關問題