$("#int").on("search",function() {
var $value = $(".sch input").val();
arr.push($value);
sessionStorage.setItem("data", arr)
window.location.href = "/wap/searchgoods-index.html?search_keywords="+$value;
})
$(window).on("load",function(){
var data = sessionStorage.getItem("data");
if(data != null){
data = data.split(",");
data = remov(data);
for(var i = 0; i < data.length; i++) {
$(".hstl .hst").append("<li>"+data[i]+"</li>");
}
}
/*历史记录单个操作*/
$(" .hstl .hst li").on("click",function() {
var $value = $(this).html();
window.location.href = "/wap/searchgoods-index.html?search_keywords="+$value;
})
})
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>H5的storage</title>
</head>
<body>
<input type='button' onclick='setItems()' value='存值' />
<input type='button' onclick='getItems()' value='取值' />
<input type='button' onclick='deleteItem()' value='删除' />
</body>
<script src="js/jquery.min.js"></script>
<script>
//localStorage存值永久有效
function setItems(){
var user = {};
user.name = 'Adam Li';
user.age = 25;
user.home = 'China';
localStorage.setItem('userinfo',JSON.stringify(user));
}
//localStorage取值
function getItems(){
var data = JSON.parse(localStorage.getItem('userinfo'));
console.log("name:"+data.name+'\r age:'+data.age+"\r home:"+data.home);
}
//localStorage删除指定键对应的值
function deleteItem(){
localStorage.removeItem('userinfo');
console.log(localStorage.getItem('userinfo'));
}
</script>
</html>
分享到：
相关推荐
7. **浏览器缓存的清理与管理**：用户可以通过浏览器的设置手动清理缓存，或者开发者可以使用JavaScript API（如`localStorage`、`sessionStorage`）来管理特定的缓存数据。 在提供的压缩包文件列表中，我们看到`....
选择file——select cache folder（f9）设置位置 Chrome浏览器在不同操作系统下缓存目录有固定的位置，即可以查看和复制Chrome浏览器保存的缓存文件
例如，设置Cache-Control为`no-cache`或`no-store`可以防止浏览器缓存页面，`must-revalidate`则要求每次请求都验证资源是否更新。 2. **HTML5的Service Worker**：Service Worker是一种在浏览器后台运行的脚本，它...
如果浏览器不支持会话存储，则正常执行请求，但不保留缓存。 如果缓存仍然存在，则在后续请求中，您指定的“成功”回调将使用缓存数据作为参数调用。 如果缓存丢失，则在后续请求中，将进行原始 ajax 调用并再次...
通过在`<head>`标签内添加特定的HTTP头部元信息，可以禁止浏览器缓存页面内容。例如： ```html ``` 这些标签告诉浏览器不要缓存页面，每次访问都应获取最新内容。 2. **CSS和JS文件缓存**： 为了实现...
localStorage 的存储周期是永久的，除非用户清除浏览器缓存或手动删除数据。localStorage 的存储大小限制很大，可以达到 5MB 或更大。 区别 cookies、sessionStorage 和 localStorage 之间的主要区别在于存储周期...
这段代码首先创建了一个`WScript.Shell`对象，然后通过该对象的`RegRead`方法读取注册表中关于浏览器缓存临时目录的信息，并弹出显示路径。 ##### 2. 创建临时文件 另一种方法是通过创建一个临时文件来间接获取...
客户端缓存，也称为浏览器缓存，是Web浏览器为加快页面加载速度而存储的部分网页资源，如HTML、CSS、JavaScript文件、图片等。当用户再次访问同一页面时，浏览器会先从缓存中加载这些资源，而不是重新向服务器请求，...
协商缓存是指浏览器在访问网页时需要请求服务器，但是服务器可以根据缓存的版本号来决定是否需要更新缓存。 知识点2: 页面生命周期 页面生命周期是指页面从加载到关闭的整个过程。在这个过程中，浏览器会触发多个...
npm-storage 是一个轻量级的前端存储解决方案，它基于浏览器的本地存储机制（如localStorage或sessionStorage），并提供了一种方便的方式来管理和更新缓存数据。这个插件尤其适合那些需要处理大量静态资源或动态数据...
HBuilder 的缓存机制是基于 HTML5 的 localStorage 和 sessionStorage 机制实现的。 三、使用 HBuilder 的缓存方法 使用 HBuilder 的缓存方法非常简单，开发者可以使用 HBuilder 提供的 API 将数据存储在本地。...
7. **缓存机制**：浏览器利用HTTP缓存和本地存储（如localStorage、sessionStorage）来提升性能。报告可能涵盖了HTTP缓存头（如Cache-Control、Expires）和Service Worker的使用。 8. **性能优化**：浏览器性能是...
如果你不希望显示这个对话框，你可以选择使用`sessionStorage`替代`localStorage`，因为`sessionStorage`的数据只在当前会话有效，浏览器窗口关闭时会自动清除。 - 在实际开发中，可能需要根据具体需求来决定哪些...
DNS查找分为多级，从浏览器缓存到操作系统缓存、路由器缓存，最后到ISP（Internet Service Provider）的DNS服务器，直到找到对应的IP地址。 一旦获得IP地址，浏览器就开始TCP的三次握手来建立与服务器的连接。三次...
总的来说，"轻量级前端缓存工具"简化了前端开发中的数据存储过程，通过封装`localStorage`，使开发者能够更方便地利用浏览器缓存，从而提升应用的性能和用户体验。在处理少量数据且不需要复杂缓存策略的场景下，它是...
与sessionStorage不同，localStorage的数据在浏览器关闭后依然存在，直到被明确清除。 在描述中提到的实现过程中，开发者通常会编写一段JavaScript代码，当用户首次访问包含这个功能的页面时，会检查所需的JS和CSS...
在Web应用中，前端缓存通常指的是浏览器缓存，包括HTTP缓存（如Expires和Cache-Control头）和HTML5引入的离线存储技术，如Application Cache和IndexedDB。 HTML5的本地缓存功能为前端提供了更多的可能性。...
内容概要：从输入URL到页面加载的全过程、浏览器重绘与重排的区别、如何触发避免重排和重绘、304过程、浏览器的缓存机制 强制缓存 && 协商缓存、进程、线程和协程区别联系、网络问题、HTTP 和 HTTPS概念区别优缺点...
在APICloud中，我们可以通过JavaScript API来实现本地缓存，这可以分为两种主要类型：Web Storage（包括SessionStorage和LocalStorage）以及IndexedDB。 1. Web Storage： - SessionStorage：它仅在当前浏览器窗口...
- **定义**：`localStorage`是一种持久化的本地存储，即使关闭浏览器窗口后数据仍然存在，除非主动删除或用户手动清理浏览器缓存。 - **特点**： - 存储容量较大，通常可达5MB以上。 - 数据持久化，除非用户主动...