在javascript中的html文件之間交換變量

我想在兩個html頁面之間共享變量。我只使用JavaScript和HTML5開發Windows 8應用程序。基於用戶在一個頁面上點擊的圖像，我希望第二頁上的div可以填充該圖像。有任何想法嗎？在javascript中的html文件之間交換變量

當我點擊圖片，我目前調用以下功能：

function imageClick(url) { 
      //var id = parsed.ClientID; 
      //window.location= url + "?" + id 
      window.location = url; 
     }

然後在我的HTML文件，我有這樣一行：

<img onclick="imageClick('pages/page2/page2.html')" 
data-win-bind="src:image" style="width: 133px; height: 125.5px;">

我想獲得該的id在下一頁的網址（如果我要取消註釋上面的註釋行），但它有點hackky，我實際上不知道如何去執行下一頁的檢索..

有沒有更高效和簡單的方法來做到這一點在JavaScript？像在PHP中的會話相當於什麼？

嘗試'sessionStorage'，'localStorage'。 – 2013-05-31 15:51:36

在'localStorage'中存儲圖像源位置...關於身體負載的第2頁從'localStorage'中讀取位置shwo div –

點擊時將鏈接添加到圖片的查詢部分。喜歡你的東西必須在評論，假設你沒有已經查詢部分：

function imageClick(url) { 
     //var id = parsed.ClientID; 
     window.location= url + "?src=" + url.src; 
     //window.location = url; 
    }

其他頁面可以使用window.location.search提取它，剝去src=。該守則將是這個樣子：

var src = window.location.search; 
if (src.indexOf("src=") == 0) { 
    src = src.substring(4); 
} 
newPageImageElement.src = src;

哪裏newPageImageElement是要顯示在第二頁上的圖片<img>。

2013-05-31 15:55:03

對不起雙後！ – user2363025

@ Lee Meador感謝您的回覆。我嘗試了上面概述的方法，並得到以下錯誤：無法獲取屬性'indexOf'的未定義或空引用 – user2363025

我的錯誤。這不是「查詢」，而是「搜索」。修正了上面的代碼。要更多地瞭解我在做什麼，請考慮解析'window.location'以在問號（？）後從URL部分提取鏈接。 –

Javascript沒有會話變量，因爲它在客戶端運行。您可以使用URL參數和Cookie來獲得相同的結果。

您可以通過使用該功能獲取URL參數：

2013-05-31 15:56:42 flakomalo

回答