js中的local Storage缓存-原创手记-慕课网

js中的local Storage缓存原创

柠檬清煜 2016-12-30 16:07:37 浏览 6990

柠檬清煜

关注TA

手记 4

粉丝 14

获赞 224

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

<!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不兼容！

24人推荐

发表评论