尝试使用sessionStorage

时间:2016-06-21 09:24:58

标签: javascript jquery html src

我有2个html页面,每个页面都有一个图像。我需要能够点击第二页上的图像并让它重定向到第一页 - 第一个image.src改为第二页。

执行此操作的最佳/正确方法是什么?我一直试图通过将src存储在sessionStorage中来实现,但它似乎并没有起作用。 以下是setItem的代码:

<script type="text/javascript">
$('.images').on('click', '.groupOne', function(){
   var image = $(this).find("img"); // selects images inside group
   var imageSrc = img.first().attr("src"); // get src of first image
   sessionStorage.setItem("choice", imageSrc);
   window.location.href = 'firstPage.html';
});
</script>

然后更改我需要使用的第一张图片 getItem

<script type="text/javascript">
$(document).ready(function() {
   var imgTwo = sessionStorage.getItem("choice");
   var imgOne = document.getElementById("pageOneImage");
   imgOne.src = imgTwo; //sets src of img1 to src of img2
});
</script>

但这似乎不起作用。使用更多jQuery有更简单的方法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

也许不是最好的解决方案,但如何将src作为参数添加到查询字符串中呢?

在第二页:

window.location.href = 'firstPage.html?src=' + src;

第一页:

var reg = new RegExp("(^|&)src=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
var src = r != null ? unescape(r[2]) : null;

现在你得到了src,如果从第二页重定向。