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

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(ready function if using jquery)方法中从localStorage获取数据并设置在textbox

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

Storing Objects in HTML5 localStorage

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

还有更多在线资料