如何从 a.html 发送文字到 b.html？

Question

有可能在javascript的帮助下，将输入的文字发送到第二页。

我需要建议，帮助我如何将文本从a.html发送到b.html。

编码a.HTML

<input type="text" >
<button>send</button>

Cod b.HTML

<p id="mytxt">
  <!-- text from a.html -->
</p>

Answer 1

你可以使用URL的查询部分来 "发送 "数据到另一个页面。

a.html:

<form action="b.html" method="get">
    <input type="text" name="mytext">
    <button>send</button>
</form>

b.html:

<p id="mytxt"></p>
<script> 
    document.getElementById('mytxt').appendChild(document.createTextNode(new URL(location.href).searchParams.get('mytext')))
</script>

然而，这有其自身的限制。例如 URL的长度应该在2000个字符以下如果有人再次访问生成的链接，就会出现同样的文字。

如果你可以访问一些服务器端的语言配置，你可以在你的服务器上做一个 "语言配置"。POST 请求，并操纵 b.html 的服务器上。

如果非要坚持做前端，也可以尝试用Session Storage，用JS做一个重定向。

Answer 2

这基本上是表单的工作方式。你把你的输入和按钮包装在一个表单标签中，属性为method="get "和action="b.html"。在b.html中，你可以从URL中读取提交的数据。

https:/www.w3schools.comtagstag_form.asp

Answer 3

你可以使用Get参数。当进入b.html时，设置一个get参数。b.html?text=SOME_TEXT

并在b.html中使用js获取参数。

let url = new URL(window.loacation.href);
let text = url.searchParams.get("text");
document.getElementById('mytxt').innerText = text