1

我正在尝试在两个 html 页面之间共享变量。我只使用 javascript 和 HTML5 来开发 Windows 8 应用程序。基于用户在一个页面上单击的图像，我希望第二页上的 div 填充该图像。有任何想法吗？

当我单击图像时，我当前正在调用以下函数： 

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;">

我正在考虑在下一页的 url 中获取该 id（如果我要取消注释上面的注释行），但这有点 hackky，我实际上不知道如何在下一页上执行检索..

有没有更有效和更简单的方法在 javascript 中执行此操作？就像 php 中的会话等价物？

4

2 回答 2

0

当他们点击时，将图片链接添加到 url 的查询部分。假设您还没有查询部分，就像您在评论中所说的那样：

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-31T15:55:03.693 回答
0

Javascript 没有会话变量，因为它在客户端运行。您可以使用 URL 参数和 cookie 来获得相同的结果。

您可以使用此函数获取 URL 参数：

http://ziemecki.net/content/javascript-parsing-url-parameters

于 2013-05-31T15:56:42.367 回答