亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

通過JavaScript將變量從一個html頁面傳遞到另一頁面

通過JavaScript將變量從一個html頁面傳遞到另一頁面

LEATH 2019-10-21 10:20:13
我有兩個頁面-“頁面1”和“頁面2”。在第1頁上,有一個文本框,其值例如為100,最后是一個按鈕。通過按下按鈕,我希望javascript將文本框的值保存在全局(?)變量中,然后跳轉到第2頁。使用“ window.onload”,我想要第二個Javascript函數來提醒保存在page1的值。這是我的Javascript代碼:<script type="text/javascript">var price; //declare outside the function = global variable ?function save_price(){    alert("started_1"); //just for information    price = document.getElementById('the_id_of_the_textbox').value;     alert(price); //just for information         }<script type="text/javascript">function read_price(){    alert("started_2");    alert(price);}在“頁面1”上,我具有以下發送按鈕:<input class="button_send" id="button_send" type="submit" value="Submit_price" onclick="save_price();"/>它啟動Javascript函數并將我正確地重定向到我的page2。但是在第二頁上:window.onload=read_price(); 我總是得到全局可變價格的“未定義”值。我已經閱讀了很多有關這些全局變量的內容。例如在此頁面上:全局變量有問題..但是我無法使其正常工作...為什么這不起作用?
查看完整描述

3 回答

?
慕哥6287543

TA貢獻1831條經驗 獲得超10個贊

在不閱讀您的代碼而僅閱讀您的方案的情況下,我將使用解決localStorage。這是一個示例,我將prompt()簡短地使用。


在第1頁:


window.onload = function() {

   var getInput = prompt("Hey type something here: ");

   localStorage.setItem("storageName",getInput);

}

在第2頁:


window.onload = alert(localStorage.getItem("storageName"));

您還可以使用cookie,但是localStorage允許更多空間,并且在您請求頁面時不會將它們發送回服務器。


查看完整回答
反對 回復 2019-10-21
?
DIEA

TA貢獻1820條經驗 獲得超3個贊

您最好的選擇是使用查詢字符串“發送”值。


如何使用javascript獲取查詢字符串值


所以頁面1重定向到page2.html?someValue = ABC

然后,第2頁可以讀取查詢字符串,尤其是鍵“ someValue”

如果這不僅僅是學習練習,那么您可能需要考慮這樣做的安全性。


全局變量不會在這里為您提供幫助,因為重新加載頁面后,它們會被銷毀。


查看完整回答
反對 回復 2019-10-21
?
翻閱古今

TA貢獻1780條經驗 獲得超5個贊

您有幾種選擇:

  • 您可以使用SPA路由器,例如SammyJS或Angularjs和ui-router,因此您的頁面是有狀態的。

  • 使用sessionStorage來存儲您的狀態。

  • 將值存儲在URL哈希上。


查看完整回答
反對 回復 2019-10-21
  • 3 回答
  • 0 關注
  • 1939 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號