如何使用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");
});