如何将文本框中的数据显示到另一个页面？

Question

我想在文本框中以段落的形式收集数据，然后将其显示到新页面。 我已经为公告页面（我想从那里获取数据并在那里显示它）和存档页面（我想在哪里显示数据）添加了 HTML 代码，我应该怎么做？ 请帮帮我。 我是 HTML 新手，因此我不确定我这样做是否正确。


    <!DOCTYPE html>
    <html>
        <link rel="stylesheet" href="stylem.css" />
        <script type="text/javascript" src="index.js"></script>
    <head>
        <title>Announcement Page</title>
    </head>
    <body>
        <form method="Post" action="archive.html">
            <textarea type="text" id="textbox" class="textbox" cols="40" rows="10"></textarea>
            <input type="submit" id="save" name="save" value="submit" onclick="handleSubmit()"/>
    
        </form>
    </body>
    
    </html>


    <!DOCTYPE html>
    <html>
    <head>
        <title>
            Archive
        </title>
        <link rel="stylesheet" href="stylea.css" />
    </head>
    <body>
    
       <h2> Announcement : <span id="result-text"> </span> </h2>
    
    </body>
    
    </html>


    function handleSubmit (){
        const textbox = document.getElementById('textbox').value;
    
        localStorage.setItem("Data", textbox);
    
        return;
    }


    window.addEventListener('load', () => {
        const params = (new URL(document.location)).searchParams;
        const textbox = params.get('textbox');
    
        document.getElementById('result-text').innerHTML= textbox;
    })

Answer 1

您将“数据”放入本地存储，因此您需要在那里访问它，而不是尝试从文档位置拉取它

window.addEventListener('load', () => {
    const data = localStorage.getItem('Data');

    document.getElementById('result-text').innerHTML = data;
});

如何将文本框中的数据显示到另一个页面？

问题描述

1 个解决方案

解决方案1
0 2022-07-12 18:47:02

如何将文本框中的数据显示到另一个页面？

问题描述

1 个解决方案

解决方案1 0 2022-07-12 18:47:02

解决方案1
0 2022-07-12 18:47:02