Question

我有2个html文件。我想获取第一个HTML文件的元素的innerHTML并将其显示在第二个HTML中。

这是1.html文件

<h1 id="data">DATA</h1>
<button onclick="go()">GO</button>

这是2.html文件

<h1 id="display"></h1>

这是我在js中尝试过的方法，但是没有起作用

function go() {
    let data = document.getElementById("data").innerHTML;
    document.getElementById("display").innerHTML = data;
    window.open("2.html")
}

请有人帮助

Answer 1

以下代码可以为您提供帮助。在1.html中：

<h1 id="data">Main</h1>
<a href="2.html">
<button onclick="go()">GO</button>
</a>
<script src="action.js"></script>

在2.html中：

<h1 id="display"></h1>
<script src="action.js"></script>
<script>disp();</script>

在action.js中：

function go() {
  var data = document.getElementById("data").innerHTML;
  localStorage.setItem("data ", data );
}

function disp() {
  document.getElementById("display").innerHTML = localStorage.getItem("data");
}

从一个html文件获取数据，并使用另一个html文件显示数据

1 个答案: