初探HTML5 Localstorage

初探HTML5 Localstorage

1.HTML标签

<textarea name="body" id="editormd_id_body" style="display:none;"></textarea>

2.js代码,我的做法比较 👎 直接用的定时器

<script>
        // 页面加载完毕载入本地存储的内容
        $(function () {
            document.getElementById("editormd_id_body").innerHTML = localStorage.getItem("currentArticleContent");
        })
        //创建定时器
        setInterval(articleStorage, 5000)
        //存储文章内容
        function articleStorage() {
            if (typeof(Storage) !== "undefined") {
                localStorage.setItem("currentArticleContent", $('#editormd_id_body').html());
                console.log('save success');
            } else {
                console.log('抱歉!您的浏览器不支持 Web Storage ...')
            }
        }
</script>

思路简单~ 代码简陋,各位小伙伴不要鄙视 🤓 🤓 🤓