Localstorage无法正常工作

时间:2017-09-07 17:02:25

标签: javascript html5 local-storage stack-overflow

我已经制作了一些像这样的html / JavaScript代码:

<script>
if(window.localStorage!==undefined)
{
 }
else{ alert('Your browser is outdated!'); }
function myfunction1{
if(localStorage.getItem('permission')!="") { localStorage.setItem('permission', pressed);} 
function myfunction2{ document.getElementById('data').innerHTML = localStorage.getItem('permission');}
</script>
<body onload="myfunction2()">
<p id="data">this paragraph shows storage data</p>
<button onclick="myfunction1()">press</button>

第一个脚本用于检查浏览器是否支持localstorage。 第二个脚本(myfunction1)检查是否有任何名为&#34; permission&#34;的数据。如果没有,那么它将成为一个。 第三个代码(myfunction2)用于显示localstorage数据。 但这些都不起作用。也许我的代码有一个简单的问题。但我无法修复它。请帮忙。

1 个答案:

答案 0 :(得分:1)

您的代码中存在多个语法错误:

  1. 您可以检查网页浏览器是否支持localStorage,只需执行typeof(Storage) === "undefined",适用于localStorage / sessionStorage。
  2. 您的功能需要正确的语法,即function name() {handle}
  3. 您没有定义,如果您需要字符串,则会忘记它周围的双引号"pressed"
  4. <script>
    if(typeof(Storage) === "undefined") {
      alert('Your browser is outdated!'); 
    }
    
    function myfunction1() {
      if(localStorage.getItem('permission')!="") 
      { localStorage.setItem('permission', 'pressed');} 
    }
    
    function myfunction2()  { 
      document.getElementById('data').innerHTML = localStorage.getItem('permission');
    }
    
    </script>
    
    <body onload="myfunction2()">
    <p id="data">this paragraph shows storage data</p>
    <button onclick="myfunction1()">press</button>
    </body>