在javascript中的html文件之间交换变量
我试图在两个html页面之间共享变量。我只使用javascript和HTML5来开发Windows8应用程序。基于用户在一个页面上单击的图像,我希望第二个页面上的div中填充该图像。有什么想法吗在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
<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中问号后面的部分提取链接。