如何将用户输入从一个html页面显示到另一个html页面（javascript）

渗透小同学 lv.2

发布时间：2022-05-11 04:34:51 309

相关标签： # css

我有一个 HTML 页面 (test.html)

<!DOCTYPE html>
<html lang="en"> 
    <head>
        <title>test</title>
    </head>
    <body>
        <input type="text" id="input-text" placeholder="Enter Text here"> <!--input text-->
        <input type="button" id="btn" onclick="addText()" > <!--call function-->
        <button ><a href="test2.html">Next Page</a></button> <!--get to new html page-->
    </body>
    <script src="app.js"></script>
</html>

和另一个 HTML (test2.html)

<!DOCTYPE html>
<html lang="en"> 
    <head>
        <title>test2</title>
    </head>
    <body>
        <h1 id="header">Display input here</h1>
    </body>
    <script src="app.js"></script>
</html>

我想从一页转到另一页。第一页有一个输入，第二页应该显示用户在第一页所做的输入。这是 JavaScript：

function addText()
{
    document.getElementById('header').innerHTML 
    =document.getElementById('input-text').value;
}

如何将我的用户输入从测试页面显示到 test2 页面？

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。