zoukankan html css js c++ java

HTML 5 本地存储

 1 <!DOCTYPE HTML>
 2 <html lang="en-US">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>检查本地存储</title>
 6     <script type="text/javascript">
 7         function isSupportStorage(){
 8             return "localStorage" in window;
 9         }
10         alert(isSupportStorage());
11     </script>
12 </head>
13 <body>
14     
15 </body>
16 </html>

检查本地存储

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
        //localStorage 存储数据
        function set(){
            //获取数据
            var inputKey = document.querySelector("#inputKey");  //key
            var inputValue = document.querySelector("#inputValue"); //value
            if(inputKey.value == ''){
                alert('key 是空的');
                return  false;
            }
            if(inputValue.value == ''){
                alert('value 是空的');
                return false;
            }
            
            //localStorage.setItem( 键(key) , 值(value) );
            localStorage.setItem( inputKey.value , inputValue.value);
            alert('保存成功');
        }
        
        //localStorage 读取数据
        function get(){
            //获取数据
            var inputKey = document.querySelector("#inputKey");  //key
            if(inputKey.value == ''){
                alert('key 是空的');
                return  false;
            }
            
            //localStorage.getItem( 键(key) );
            var value = localStorage.getItem(inputKey.value);
            var input = document.querySelector("#inputValue");
            
            //判断是否有 localStorage 存储
            var content = checkAllData(inputKey.value);
            
            if(content){
                input.value = value;
            }else{
                alert('没有' + inputKey.value);
            }
        }
        
        //localStorage 删除数据
        function removeItem(){
            //获取数据
            var inputKey = document.querySelector("#inputKey");  //key
            if(inputKey.value == ''){
                alert('key 是空的');
                return  false;
            }
            
            //判断是否有 localStorage 存储
            var content = checkAllData(inputKey.value);
            
            if(content){
                //localStorage.removeItem( 键(key) );
                var value = localStorage.removeItem(inputKey.value);
                alert('清除' + inputKey.value + '成功');
            }else{
                alert('没有' + inputKey.value);
            }
        }
        
        //判断是否有 localStorage 存储
        function checkAllData( inputKey ){
            //循环 localStorage 所有缓存数据
            for(var i = 0; i < localStorage.length; i++){
                var key = localStorage.key(i);
                var value = localStorage.getItem(key);
                if(key == inputKey){
                    var content = true;
                    continue;
                }
            }
            return content;
        }
        
        //localStorage 删除全部数据
        function clearAll(){
            //判断是否有 localStorage 存储
            var content = checkAllData(inputKey.value);
            
            if(content){
                localStorage.clear();
                alert('清空完成');
            }else{
                alert('没有数据');
            }
        }
    </script>
</head>
<body>

    key: <input type="text" id="inputKey" /><br />
    value: <input type="text" id="inputValue" /><br />
    <button onclick="set()">保存</button>
    <button onclick="get()">获取</button>
    <button onclick="removeItem()">清除单个</button>
    <button onclick="clearAll()">清空</button>
    
</body>
</html>

HTML 5 Storage存储

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    
</head>
<body>
    <h3>下面是本地存储的所有数据</h3>
    <div id="content">
    
    </div>
</body>
<script type="text/javascript">
        //列出所有缓存数据，返回json数据
        function listAllData(){
            var list = [];
            for(var i=0; i<localStorage.length; i++){
                var key = localStorage.key(i);
                var value = localStorage.getItem(key);
                
                list.push({"k": key, "v": value});
            }
            
            return list;
        }
        console.log(localStorage.getItem('name'));
        console.log(listAllData());
        function showData(){
            var data = listAllData();
            var html = "";
            for(var i=0; i<data.length; i++){
                html += data[i].k + "-" + data[i].v + "<br />"; 
            }
            var content = document.querySelector("#content");
            content.innerHTML = html;
            <!-- console.log(content); -->
            
        }
        
        showData();
        
        
    </script>
</html>

本地存储的所有数据

查看全文

相关阅读:
DGA域名可以是色情网站域名
 使用cloudflare加速你的网站隐藏你的网站IP
167. Two Sum II
leetcode 563. Binary Tree Tilt
python 多线程
 leetcode 404. Sum of Left Leaves
leetcode 100. Same Tree
leetcode 383. Ransom Note
leetcode 122. Best Time to Buy and Sell Stock II
天津Uber优步司机奖励政策（12月28日到12月29日）

原文地址：https://www.cnblogs.com/yhdsir/p/4733097.html