我只是希望根据我设置的sessionstorage,图像会改变...sessionstorage设置正确,但图像不会改变...
我错过了什么?
function caption_on_off() {
if(sessionStorage.getItem("caption_on_off") == 'off'){
sessionStorage.setItem("caption_on_off", 'on');
}else{
sessionStorage.setItem("caption_on_off", 'off');
}
}
function change_caption_img(){
if(sessionStorage.getItem("caption_on_off") == 'off'){
document.getElementById('caption_on_off_img').src = 'images/on.png';
}else{
document.getElementById('caption_on_off_img').src = 'images/off.png';
}
}
change_caption_img();
<div id="gallery_div_caption" onclick="Hide('gallery_div_caption'); caption_on_off();"><img id="caption_on_off_img" src="images/off.png"></div>
我想单独做这件事,因为该页面是一个 php 页面,并且重新加载了新变量、新 mysql 查询等,但我需要该页面记住应该根据 session 存储状态加载哪个图像,即使在被加载之后也是如此。已重新加载。
如果都是 php,我会保存在 coockie 中并在 php 中读取它,我可以通过 php 读取sessionstorage吗?
----------------------更新----------------------
我正在考虑按照 M1K1O 的建议向我的 ajax url 添加一个变量,也许是最简单的方法,但这很困惑,因为它是通过 php 编译的,然后使用所有可能的引号添加到 html 文本中...... 我现在如何在此处添加 session 存储?
$link_onclick .= "javascript:AjaxPhp('img_div', 'gallery_img.php', '?img_title=".clean_url($row_news['id_news']."-".$row_news['titolo'])."&img_title_it=".clean_url($row_news['id_news']."-".$row_news['titolo_it'])."&img_n=".$g."&refer=".$row_news['refer']."&link_out=".$link_out."&captions_exist=".$captions_exist."&caption_on_off= ... session storage here...'); Show('gallery_div'); return(false);";
最佳答案
我认为你的函数和逻辑很好,但用你的语法只调用一次。要么将其包装在文档就绪或文档加载中,要么我建议使用 IIFE,如果您希望在每个页面重新加载时调用您的函数,如下所示:
(function change_caption_img(){
if(sessionStorage.getItem("caption_on_off") == 'off'){
document.getElementById('caption_on_off_img').src = 'images/on.png';
}else{
document.getElementById('caption_on_off_img').src = 'images/off.png';
}
})();
关于javascript - 设置sessionStorage,更改图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60347300/