[英]Trying to change the src of an image using sessionStorage
我有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的简便方法? 谢谢!
也许不是最好的解决方案,但是如何将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。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.