Question

我需要将数据从一个HTML（source.html）传递到另一HTML（destination.html），并将此传递的数据分配给value标签中{ {1}}页面使用现代javascript技术。

这是我的<input> @ destination.html。

function

这是我的source.html标签@ function sentData(){ var send = "Send Me" }。

<input>

最好的现代简单方法是什么？您的建议将不胜感激。

Answer 1

您可以使用localStorage

在第一页中，将项目存储为

localStorage.setItem('keyName','valueInString');

在第二页中检索值

if(localStorage.getItem('keyName')){
 document.getElementById('sendedData').value = localStorage.getItem('keyName')

}

Answer 2

与旧版本相同，最好的方法是使用Submit（）表单，如果您不想在发布时要求输入，则可以隐藏输入和a作为触发器。

如果出于某种原因需要使用JS，那么brk answear是最好的选择。基本上，您要为页面命名，然后告诉他们更新该特定页面上的标签或输入。

Answer 3

您可以像这样使用localStorage：

source.html：

function sentData() {
    var data = "Send Me";
    localStorage.setItem("data", data);
}

destination.html：

document.getElementById("sendedData").value = localStorage.getItem("data") ? localStorage.getItem("data") : "Default";

或者，使用URL参数/查询字符串：

source.html：

function sendData() {
    var data = "Send Me";
    var url = new URL(window.location.href);
    url.searchParams.set("data", data);
}

destination.html：

var url = new URL(window.location.href);
document.getElementById("sendedData").value = url.searchParams.get("data") ? url.searchParams.get("data") : "Default";

使用javascript将数据从一页传递到另一页的现代简单方法是什么？

3 个答案: