求源代码!

来源:2-3 HTML5存储之indexedDB的实际操作

Chen_Cuiling

2016-11-02 22:56

老师能不能附上源代码上来啊

写回答 关注

2回答

  • Mountain_
    2016-11-09 20:26:53

    CACHE MANIFEST

    #version 1.1


    CACHE:

    1.png

    2.png

    style.css


    NETWORK:

    *

    //以上是manifest.appcache文件,跟老师在apache中设置的一样。然后把整个文件夹放在你的XMAPP中的htdocs中,打开apache,在localhost打开apacache.php文件,F12调试就好了。

    //也是初学,如有不正确,请指正并谅解

  • Mountain_
    2016-11-09 20:22:31

    <!DOCTYPE html>

    <html manifest="manifest.appcache">

    <head>

        <meta charset="UTF-8">

        <title></title>

        <link rel="stylesheet" href="style.css">

    </head>

    <body>

    <h1>离线存储11</h1>

        <img src="1.png">

        <img src="2.png">

         

        <script>

            //监控

            window.onload = function(){

                window.applicationCache.onupdateready = function(e){

                    console.log(window.applicationCache.status);

                    if(window.applicationCache.status == window.applicationCache.UPDATEREADY){

                        window.applicationCache.swapCache();

                        if(confirm('版本更换,是否确认加载?要重新刷新两次')){

                            window.location.reload();

                        }

                    }else{

                        console.log('manifest did not change');

                    }

                }

            }

        </script>

    </body>

    </html>

    //以上是appcache.php文件
    //1.png,2.png,style.css都在同一文件夹下
    //你可以自己设置文件名,路径等


HTML5存储

本课程主要讲解浏览器端存储的实现方案,从而优化你的业务

55331 学习 · 109 问题

查看课程

相似问题