我有一个图片弹出窗口出现在我浏览的每个页面上。
我需要知道如果我点击“关闭”它会如何消失,它不会再次显示该会话。
<body onclick="document.getElementById('anuntImportant').style.display='none'">
<div id="anuntImportant" style="position: absolute; top:30%;left:40%; display:block;overflow:visible; z-index:1000">
<img src="image/data/program-sarbatori.jpg">
</div>
</body>
答案 0 :(得分:1)
您可以使用sessionStorage:
function hide() {
document.getElementById('anuntImportant').style.display='none';
if (window.sessionStorage) {
sessionStorage.setItem('hideAnuntImportant', true);
}
}
window.onload = function() {
if (window.sessionStorage) {
if (JSON.parse(sessionStorage.getItem('hideAnuntImportant'))) {
document.getElementById('anuntImportant').style.display='none';
}
}
}
<body onclick="hide()">
或使用php会话,你需要在点击时调用ajax请求,并在php调用start_session
并将$_SESSION['anuntImportant']
设置为true,当你渲染元素时,你设置style="display: none"
< / p>
<强> ajax.php 强>
<?php
start_session();
$_SESSION['anuntImportant'] = true;
?>
<强> yourpage.php 强>
<?php
start_session();
?>
<body onclick="document.getElementById('anuntImportant').style.display='none'">
<div id="anuntImportant" style="position: absolute; top:30%;left:40%; display:<?= $_SESSION['anuntImportant'] ? 'none' : 'block' ?>;overflow:visible; z-index:1000">
<img src="image/data/program-sarbatori.jpg">
</div>
</body>