如何将变量传递给新页面并将其插入文本框？

Question

我正在尝试使用以下代码从一个页面传输变量：

<a href="login.html" onclick="NameFunction('asdf');">Edit</a>

到页面login.html，并将变量（此示例中为asdf）插入新页面中的textbox。

我试过这段代码：

function NameFunction(name) {
    document.getElementById("username").value = name;
}

它不起作用。我认为它不起作用，因为那是另一页。

Answer 1

如果要将参数传递给另一个页面，可以使用查询字符串：

<a href="login.html?param=asdf">Edit</a>

要在login.html页面上获取参数，您可以使用此处所述的jQuery：Get escaped URL parameter

Answer 2

您可以尝试使用localStorage。

1. 在你的onClick方法中，保存你想要存储在localStorage中的数据

   localStorage.setItem（键，值）;

2. 加载新页面时，在onLoad（如果使用jquery的就绪函数）方法从localStorage获取数据并在文本框中设置

您可以在以下链接中找到有关localStorage的更多信息

Storing Objects in HTML5 localStorage

http://www.w3schools.com/html/html5_webstorage.asp

还有更多可在线获取