使用 javascript 将数据从一个 html 页面转移到另一个页面

Question

您好，我有一个两页的基本网站，其中有一个提交框，您可以在其中写下一个名称，然后是显示“Welcome___”的第二页，但是我的网站显示？Welcome=___，我知道我需要解析查询字符串，但我'我不知道该怎么做

表格.html

<body>
<form action="action.html" method="GET">
<input type="text" name="Welcome" />
<input type="submit" value="Submit" />
</form>
</body>

行动.html

<body>
<div id="write">
<p> Welcome  </p>
</div>
<script>
document.getElementById("write").innerHTML = window.location.search; 
</script>
</body>

Answer 1

要parse查询字符串并从中提取您想要的参数， URLSearchParams 接口提供了有用的方法来帮助您做您想做的事情。 一个简单的实现可能看起来像这样。

<form action='action.html' method='GET'>
    <input type='text' name='Welcome' />
    <input type='submit' />
</form>


<div id='write'>
    <p>Welcome </p>
</div>

<script>
    let args=new URLSearchParams( location.search );
    if( args.has('Welcome') ){
        document.getElementById('write').querySelector('p').textContent += args.get('Welcome');
    }
</script>

使用 javascript 将数据从一个 html 页面转移到另一个页面

问题描述

1 个解决方案

解决方案1
0 2022-05-03 07:50:27

使用 javascript 将数据从一个 html 页面转移到另一个页面

问题描述

1 个解决方案

解决方案1 0 2022-05-03 07:50:27

解决方案1
0 2022-05-03 07:50:27