为了账号安全,请及时绑定邮箱和手机立即绑定
手记 \ js中的local Storage缓存

js中的local Storage缓存 原创

2016-12-30 16:07:37 889浏览 1评论

原先只是感觉缓存很麻烦,上网查了一大堆资料,后来无意间自己写了一次,才突然觉得也就是三行代码的事情,或许最难的事,就是未知的!

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>js本地缓存</title>
    </head>
    <body>
        <div>我是缓存的内容!</div>
        <script type="text/javascript" src="lib/js/jquery.min.js"></script>
        <script type="text/javascript">
            /*创建缓存*/
            var htmlBox=$("div").html();
            localStorage.setItem("lyID",htmlBox);//给需要缓存的内容定义一个名称
            /*读取缓存*/
            localStorage.getItem("lyID");
            console.log(localStorage.getItem("lyID"));
            /*清空缓存*/
            localStorage.removeItem("lyID");
        </script>
    </body>
</html>

缓存内容如图,此方法在ajax跨页面传值的时候特别实用,只是ie8不兼容!

本文原创发布于慕课网 ,转载请注明出处,谢谢合作!

相关标签: JavaScript
16 推荐

    柠檬清煜

    Web前端工程师 态度决定高度!

    作者的热门手记

    意见反馈 常见问题 APP下载
    官方微信