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

在javascript中的html文件之间交换变量,javascript,session,global-variables,Javascript,Session,Global Variables,我试图在两个html页面之间共享变量。我只使用javascript和HTML5来开发Windows8应用程序。基于用户在一个页面上单击的图像,我希望第二个页面上的div中填充该图像。有什么想法吗 <img onclick="imageClick('pages/page2/page2.html')" data-win-bind="src:image" style="width: 133px; height: 125.5px;"> 单击图像时,我当前正在调用以下函数: functi

我试图在两个html页面之间共享变量。我只使用javascript和HTML5来开发Windows8应用程序。基于用户在一个页面上单击的图像,我希望第二个页面上的div中填充该图像。有什么想法吗

<img onclick="imageClick('pages/page2/page2.html')" 
data-win-bind="src:image" style="width: 133px; height: 125.5px;"> 
单击图像时,我当前正在调用以下函数:

function imageClick(url) {
             //var id = parsed.ClientID;
             //window.location= url + "?" + id
             window.location = url;
         }
<img onclick="imageClick('pages/page2/page2.html')" 
data-win-bind="src:image" style="width: 133px; height: 125.5px;"> 
然后在我的html文件中,我有一行:

<img onclick="imageClick('pages/page2/page2.html')" 
data-win-bind="src:image" style="width: 133px; height: 125.5px;"> 
如果我要取消注释上面的注释行,我想在下一页的url中获取该id,但这有点太离谱了,我实际上不知道如何在下一页执行该id的检索

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

在javascript中有没有更高效、更简单的方法?类似于php中的会话之类的吗?

单击时,将图像链接添加到url的查询部分。类似于您在评论中所做的,假设您还没有查询部分:

<img onclick="imageClick('pages/page2/page2.html')" 
data-win-bind="src:image" style="width: 133px; height: 125.5px;"> 
function imageClick(url) {
         //var id = parsed.ClientID;
         window.location= url + "?src=" + url.src;
         //window.location = url;
     }
另一个页面可以使用window.location.search来提取它,去掉src=。代码如下所示:

<img onclick="imageClick('pages/page2/page2.html')" 
data-win-bind="src:image" style="width: 133px; height: 125.5px;"> 
var src = window.location.search;
if (src.indexOf("src=") == 0) {
    src = src.substring(4);
}
newPageImageElement.src = src;

其中newPageImageElement是要在第二页上显示图片的位置。

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

<img onclick="imageClick('pages/page2/page2.html')" 
data-win-bind="src:image" style="width: 133px; height: 125.5px;"> 
您可以使用以下函数获取URL参数:

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

请尝试sessionStorage,localStorage。将图像源位置存储在localStorage中。。。在第2页的“身体负荷”中,从div@Lee Meador中的localStorage shwo读取位置。感谢您的回复。我尝试了上面概述的方法,但出现了以下错误:无法获取未定义或空引用的属性'indexOf'。这不是查询,而是搜索。修正了上面的代码。要了解更多我正在做的事情,请查看解析window.location的方法,以从URL中问号后面的部分提取链接。