尝试使用 sessionStorage 更改图像的 src

Question

我有 2 html 页，每页都有一张图片。我需要能够单击第二页上的图像并将其重定向到第一页 - 第一页 image.src 更改为第二页。

best/correct 的方法是什么？我一直试图通过将 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>

但这似乎不起作用。使用 more jQuery 有更简单的方法吗？谢谢！

Answer 1

也许不是最好的解决方案，但是将 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。