a 标签 设置sessionStorage和localStorage
时间: 2023-10-13 13:04:25 浏览: 103
一个本地存储工具控制localStorage和sessionStorage
要在a标签中设置sessionStorage和localStorage,你可以使用JavaScript的事件监听器来捕捉a标签的点击事件,并在事件处理程序中设置sessionStorage和localStorage的值。以下是一个示例代码:
```html
<a href="#" id="myLink">点击我设置sessionStorage和localStorage</a>
<script>
// 获取a标签元素
var myLink = document.getElementById('myLink');
// 绑定点击事件监听器
myLink.addEventListener('click', function() {
// 设置sessionStorage
sessionStorage.setItem('key', 'value');
// 设置localStorage
localStorage.setItem('key', 'value');
});
</script>
```
在上述代码中,我们首先通过`document.getElementById('myLink')`获取了id为"myLink"的a标签元素,并将其赋值给变量`myLink`。然后,我们使用`addEventListener`方法为a标签绑定了一个点击事件监听器。在监听器的处理函数中,我们设置了sessionStorage和localStorage的值。
当用户点击a标签时,会触发点击事件监听器中的处理函数,从而设置了sessionStorage和localStorage的值。
希望这个示例对你有帮助!如果你还有其他问题,请随时向我提问。
阅读全文