如何使用javascript将数据从一个html页面传输到另一页面

Question

我试图将数据从一个html页面传输到另一页面，所以我写了这个程序：

page1.ejs：

<a href="/events" onclick="send()">
  <span  class="message">
    new alert
  </span>
</a>

function send() {
  $mesg = $('.message');
  var msg = $mesg.text();
  var msg1 = msg.replace(/\s/g, '');
  localStorage.setItem("message", msg1);
}

page2.ejs：

<script src="socket.io/socket.io.js"></script>
<script>
  document.getElementById("event").innerHTML = localStorage.getItem("message");
</script>
<td id="event"></td>

但是我没有从页面传输数据吗？ 我怎么了

Answer 1

问题在page2.ejs中 ：

问题：解析并执行<script>块时，HTMLElement <td id="event"></td>尚不可用，因此document.getElementById("event")返回未定义。

解决方案：将<script>块移到<td id="event"></td>下方的底部，它应该可以工作。

Answer 2

    page1.ejs:

    On click of submit -
       window.location.href="page2.ejs.html?text1="+$('#text1').val()

    page2.ejs:

    $(document).ready(function(){
     var value1 = document.URL.indexOf('?text1=');//value from pag1.ejs

    });

Answer 3

您应该在脚本标记中定义Send（）函数，并且在页面准备就绪时，第2页运行Java脚本

document.addEventListener("DOMContentLoaded", function() {
 document.getElementById("event").innerHTML = localStorage.getItem("message");
});