如何使用JavaScript在HTML之間交換變量？

-1

我有2個HTML頁面和JavaScript。我希望頁面2中的x變量顯示在頁面1上。如何使用JavaScript在HTML之間交換變量？

Page2.html

var x =1;

Page1.html

<input type="Button" id="text2" value="click" onclick=show()/>

而且Data.js

var LocalStorage.Score = x; 

function show(); 
{ 
    alert(LocalStorage.Score); 
}

來源

2014-08-30 Biligsaikhan

這是發生在同一個網站？如果你從第1頁到第2頁，那麼你不應該放棄'x'變量的值。 – 2014-08-30 10:09:37

嘗試使用Cookie或本地存儲（僅限HTML 5） – 2014-08-30 10:12:44

頁面顯示是同步的還是按順序？如果依次從page1轉到page2時使用URL參數？ – 2014-08-30 10:18:45

您可以在兩者之間使用兩個HTML頁面之間交換的變量。

餅乾
查詢字符串

例如：

<a href='page1.html?x=1'>First link</a> 
<a href='page2.html?y=2'>Second link</a>

然後使用查詢字符串嘗試這樣的：

var querystr = new Querystring(); 
var v = querystr.get("x");

還要檢查HTML5 local storage

來源

2014-08-30 10:10:53

你可以在你的Data.js文件中編寫這樣的代碼。

localStorage.setItem("score", x); //x-variable,setting values in localstorage; 

var foo = localStorage.getItem("score"); //Get values from localstorage.

來源

2014-08-30 10:15:37

您可以使用Cookie在此：

document.cookie="score="+x; // this will create the cookie 

// Other HTML page, you will use getCookie("score") 
function getCookie(cname) { 
    var name = cname + "="; 
    var ca = document.cookie.split(';'); 
    for(var i=0; i<ca.length; i++) { 
     var c = ca[i]; 
     while (c.charAt(0)==' ') c = c.substring(1); 
     if (c.indexOf(name) != -1) return c.substring(name.length,c.length); 
    } 
    return ""; 
} 

var score = getCookie("score"); 
console.log(score);

，但我不建議這樣做，因爲有可以在瀏覽器中編輯餅乾軟件。

來源

2014-08-30 10:16:36

如何使用JavaScript在HTML之間交換變量？

回答

相關問題