Javascript 在LocalStorage onclick中保存值?

Javascript 在LocalStorage onclick中保存值?,javascript,jquery,html,local-storage,Javascript,Jquery,Html,Local Storage,是否每次用户单击“向上”或“向下”时都尝试将此值保存到localstorage <script> var Clicks = 800; function UpClick() { Clicks = Clicks + 25; document.getElementById('CountedClicks').innerHTML = Clicks + ''; if (Clicks > 950) { Clicks = 950

是否每次用户单击“向上”或“向下”时都尝试将此值保存到localstorage

<script>
   var Clicks = 800;
   function UpClick() {
      Clicks = Clicks + 25;
      document.getElementById('CountedClicks').innerHTML = Clicks + '';
      if (Clicks > 950) {
         Clicks = 950;
      }
   }
   function DownClick() {
      Clicks = Clicks - 25;
      document.getElementById('CountedClicks').innerHTML = Clicks + '';
      if (Clicks <= 0) {
        Clicks = 25;
      }
   }
</script>

<span id="CountedClicks">800</span>
  <input type="image" src="http://findicons.com/files/icons/2332/super_m/64/navigation_up_button.png" name="1462_EXPOSURE_TI_UP" value="1462_EXPOSURE_TI_UP_BUTTON_WAS_CLICKED" onclick="UpClick()" />

  <input type="image" src="http://findicons.com/files/icons/2332/super_mono/64/navigation_down_button.png" name="1462_EXPOSURE_TI_DOWN" value="" onclick="DownClick()" />

var=800;
函数UpClick(){
点击次数=点击次数+25次;
document.getElementById('CountedClicks')。innerHTML=Clicks+'';
如果(单击>950){
点击次数=950次;
}
}
函数下击(){
点击次数=点击次数-25次;
document.getElementById('CountedClicks')。innerHTML=Clicks+'';
如果(单击

函数UpClick(){
var count=JSON.parse(localStorage.count)
点击次数=计数+25;
document.getElementById('CountedClicks')。innerHTML=Clicks;
如果(单击>950){
点击次数=950次;
}
localStorage.count=JSON.stringify(单击);
}
函数下击(){
var count=JSON.parse(localStorage.count)
点击次数=点击次数-25次;
document.getElementById('CountedClicks')。innerHTML=Clicks;
如果(点击这里有一个快速的:

localStorage['StoredClicks']=单击

这将把现有的
点击
变量保存到
本地存储
,保存在名为
存储点击
的键下

然后,要读回该值,您可以使用如下内容:

var Clicks=localStorage['StoredClicks']

…希望这有帮助

EDIT:正如Kopax Jack Herrauer所指出的,
localStorage
将所有数据序列化为字符串,因此在读回整数值时,应确保将其解析为整数。我上面的“读回”示例应为:
var Clicks=parseInt(localStorage['StoredClicks'],10)

这些是我在做一些实验时想到的

window.localStorage.setItem('clicks',20)

window.localStorage.getItem('clicks')

所以一切都会像

<script>
    var Clicks = 800;
function UpClick() {
    Clicks = Clicks + 25;
    document.getElementById('CountedClicks').innerHTML = Clicks + '';
    document
    if (Clicks > 950) {
        Clicks = 950;
    }
}
function DownClick() {
    Clicks = Clicks - 25;
    document.getElementById('CountedClicks').innerHTML = Clicks + '';
    if (Clicks <= 0) {
        Clicks = 25;
    }
}

function SaveClicks(){
    window.localStorage.setItem('clicks',Clicks);
}

function GetClicks(){
    return window.localStorage.getItem('clicks');
}

</script>

<span id="CountedClicks">800</span>
<input type=
      "image" src="http://findicons.com/files/icons/2332/super_mono/64/navigation_up_button.png" name="1462_EXPOSURE_TI_UP" value=
      "1462_EXPOSURE_TI_UP_BUTTON_WAS_CLICKED" onclick="UpClick();SaveClicks();" />

<input type="image" src="http://findicons.com/files/icons/2332/super_mono/64/navigation_down_button.png" name="1462_EXPOSURE_TI_DOWN" value="" onclick="DownClick();SaveClicks();" />

var=800;
函数UpClick(){
点击次数=点击次数+25次;
document.getElementById('CountedClicks')。innerHTML=Clicks+'';
文件
如果(单击>950){
点击次数=950次;
}
}
函数下击(){
点击次数=点击次数-25次;
document.getElementById('CountedClicks')。innerHTML=Clicks+'';

如果(单击)要将值保存到localStorage的位置?我在这里没有看到任何localStorage对象您忘了说,您必须小心,因为localStorage store数据有一个字符串,如果单击是int,您必须JSON.parse您的localStorage,或者最终,但我不建议使用它,因为它不是正确的方式,parseInt(localStorage.Clicks,10)@KopaxJackHerrauer只是问为什么parseInt不是正确的o.o?大多数时候你会存储对象。无论如何,在所有情况下,在localStorage上使用JSON.parse都会起作用,这只是一个很好的实践。parseInt假设你有一个int,并且你的存储更具限制性。是的,这与我读到的内容更接近。此外,这里没有引用现在,这里有一些readin mats。感谢这是一个很大的帮助,也感谢添加的材料。我得到了各种实例。我只是没有足够的javascript经验来决定要做什么,因为我是自学成才的。
<script>
    var Clicks = 800;
function UpClick() {
    Clicks = Clicks + 25;
    document.getElementById('CountedClicks').innerHTML = Clicks + '';
    document
    if (Clicks > 950) {
        Clicks = 950;
    }
}
function DownClick() {
    Clicks = Clicks - 25;
    document.getElementById('CountedClicks').innerHTML = Clicks + '';
    if (Clicks <= 0) {
        Clicks = 25;
    }
}

function SaveClicks(){
    window.localStorage.setItem('clicks',Clicks);
}

function GetClicks(){
    return window.localStorage.getItem('clicks');
}

</script>

<span id="CountedClicks">800</span>
<input type=
      "image" src="http://findicons.com/files/icons/2332/super_mono/64/navigation_up_button.png" name="1462_EXPOSURE_TI_UP" value=
      "1462_EXPOSURE_TI_UP_BUTTON_WAS_CLICKED" onclick="UpClick();SaveClicks();" />

<input type="image" src="http://findicons.com/files/icons/2332/super_mono/64/navigation_down_button.png" name="1462_EXPOSURE_TI_DOWN" value="" onclick="DownClick();SaveClicks();" />