Javascript 如何在第2页输入中显示第1页中的输入值？_Javascript_Jquery_Html_Input_Local Storage

Javascript 如何在第2页输入中显示第1页中的输入值？

javascript jquery html input

Javascript 如何在第2页输入中显示第1页中的输入值？,javascript,jquery,html,input,local-storage,Javascript,Jquery,Html,Input,Local Storage,如何在第2页输入中显示第1页中的输入值？ Javascript <script language="JavaScript"> function showInput() { var value = document.getElementById("user_input").value; document.getElementById('display').value = value; } </script> 这在第二页 localStorage.g

如何在第2页输入中显示第1页中的输入值？ Javascript

<script language="JavaScript">
function showInput() {
    var value =  document.getElementById("user_input").value;  
    document.getElementById('display').value = value;

}
</script>

这在第二页

localStorage.getItem(id);

如何在输入中显示值？有人能给我举几个例子吗？谢谢。

试试这个：

页面1.html

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script language="JavaScript">
function showInput() {
    var value =  document.getElementById("user_input").value;   // get value of message
    localStorage.setItem('val',value); // set value of message in local storage
}
</script>
</head>
<body>

    <form action="page2.html" method="post"> // add action and method attributes in form tag
        <label><b>Enter a Message</b></label>
        <input type="text" name="message" id="user_input">
        <input type="submit" onclick="showInput();"><br />
    </form>
</body>
</html>


函数showInput（）{
var value=document.getElementById（“用户输入”）.value；//获取消息的值
setItem（'val'，value）；//设置本地存储中消息的值
}
//在表单标记中添加操作和方法属性
输入消息

页面2.html

<html>
<head>
<script language="JavaScript">
function showInput() {
    var value = localStorage.getItem('val'); // get value of message from localstorage
    document.getElementById('display').value = value; // set it value to display input
}
</script>
</head>
<body onload="showInput();">
    <label>Your input: </label>
    <p><input id='display'> </p>
</body>
</html>


函数showInput（）{
var value=localStorage.getItem（'val'）；//从localStorage获取消息的值
document.getElementById（'display'）。value=value；//将其值设置为显示输入
}
你的意见：

试试这个

第1页


var value=document.getElementById（“用户输入”）.value；
setItem（“id”，值）；

第2页


var value=localStorage.getItem（“id”）；
document.getElementById（'display'）。value=value；

Yes，

localStorage

将完成任务，在第1页

localStorage.setItem（'id'，document.getElementById（“用户输入”）.value）document.getElementById（'display'）。value=localStorage.getItem（'id'）我是否仍然需要将函数showInput（）放入运行中！非常感谢。：）但它将仅在我刷新页面后显示该值。我怎么能在点击按钮后直接显示呢？但是有两个页面…page1.html和page2.html在这种情况下没有刷新，我们怎么做
localStorage.getItem(id);

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script language="JavaScript">
function showInput() {
    var value =  document.getElementById("user_input").value;   // get value of message
    localStorage.setItem('val',value); // set value of message in local storage
}
</script>
</head>
<body>

    <form action="page2.html" method="post"> // add action and method attributes in form tag
        <label><b>Enter a Message</b></label>
        <input type="text" name="message" id="user_input">
        <input type="submit" onclick="showInput();"><br />
    </form>
</body>
</html>

<html>
<head>
<script language="JavaScript">
function showInput() {
    var value = localStorage.getItem('val'); // get value of message from localstorage
    document.getElementById('display').value = value; // set it value to display input
}
</script>
</head>
<body onload="showInput();">
    <label>Your input: </label>
    <p><input id='display'> </p>
</body>
</html>

<script>
   var value =  document.getElementById("user_input").value;
   localStorage.setItem("id",value);
</script>

<script>
    var value =localStorage.getItem("id");
    document.getElementById('display').value = value;
</script>