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

How to pass a variable to a new page and insert it to a textbox?

本文关键字:插入文本 新页面 变量      更新时间:2023-09-26

我正在尝试使用此代码从一个页面转移变量:

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

插入到页面login.html,并将变量(本例中为asdf)插入到新页面的textbox中。

我试过这个代码:

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

它不工作。

如果你想传递参数到另一个页面,你可以使用查询字符串:

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

login.html页面上获取参数,您可以使用jQuery,如下所述:获取转义URL参数

您可以尝试使用localStorage。

  1. 在你的onClick方法中,保存你想要存储在localStorage

    中的数据

    localStorage.setItem(关键字,值);

  2. 当新页面加载时,在onLoad(如果使用jquery则为ready函数)方法中从localStorage获取数据并将其设置在文本框

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

在HTML5中存储对象localStorage

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

和更多的在线