将表数据从一个 HTML 页面传递到另一个 HTML 页面

Pass Table data from one HTML page to another

本文关键字：HTML 页面 另一个 一个 数据      更新时间：2023-09-26

我需要从DashBoard.html网页填充Homepage.html数据。

请建议如何实现此目的。

这可以使用Java脚本实现吗？

仪表板.html 

<table>
    <tr>
    <td> PUE </td>
    <td> 1.5 </td>
    </tr>
    <tr>
    <td> Power </td>
    <td> 336kWh </td>
    </tr>
</table>
Homepage.html
<table>
    <tr>
    <div class="Container">
    <h6> PUE is </h6>   #Need to display the data from Dashboard.html 
    </div>
    </tr>
</table>

您应该真正澄清您的问题，但是根据浏览器支持，HTML5存储API可能会完全满足您的需求。

sessionStorage 类似于 Window.localStorage，唯一的区别是存储在 localStorage 中的数据没有设置过期，存储在 sessionStorage 中的数据在页面会话结束时被清除。只要浏览器处于打开状态，页面会话就会持续存在，并且在页面重新加载和还原后仍然存在。在新选项卡或窗口中打开页面将导致启动新会话，这与会话 Cookie 的工作方式不同。

使用它也非常简单：

// Save data to sessionStorage
sessionStorage.setItem('key', 'value');
// Get saved data from sessionStorage
var data = sessionStorage.getItem('key');
如果使用会话存储，

则在会话后清除数据，如果不希望清除，也可以使用本地存储。

相关文章：