Question

我正在尝试在两个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;">

我正在考虑在下一页的网址中获取该ID（如果我要取消注释上面的注释行）但是它有点笨拙而且我实际上并不知道如何在下一页执行检索网页..

在javascript中有更高效，更简单的方法吗？就像在PHP中的等价会话一样？

Answer 1

点击时，将图片链接添加到网址的查询部分。假设您还没有查询部分，那么您在评论中会有类似的内容：

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>。

Answer 2

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

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

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

在javascript中交换html文件之间的变量

2 个答案: