在LocalStorage中保存值,单击
Saving Values in LocalStorage onclick?
尝试保存此值到本地存储每次用户点击向上或向下?
<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()" />
把它做成jsfiddle: http://jsfiddle.net/JRxcr/6/
似乎无法掌握getItem或settitem的窍门,已经阅读了几个小时的材料,但还是不明白,希望有人能帮助
谢谢…
这些是我在做一些实验时想到的。
window.localStorage。setItem("点击",20);
window.localStorage.getItem("点击");
所以所有的东西都像…
<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();" />
<script>
function UpClick() {
var count = JSON.parse( localStorage.count )
Clicks = count + 25;
document.getElementById('CountedClicks').innerHTML = Clicks;
if (Clicks > 950) {
Clicks = 950;
}
localStorage.count = JSON.stringify( Clicks );
}
function DownClick() {
var count = JSON.parse( localStorage.count )
Clicks = Clicks - 25;
document.getElementById('CountedClicks').innerHTML = Clicks;
if (Clicks <= 0) {
Clicks = 25;
}
localStorage.count = JSON.stringify( 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()" />
<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()" />
这里有一个简短的例子:
localStorage['StoredClicks'] = Clicks
这将保存现有的Clicks
变量为localStorage
,在一个名为StoredClicks
的键下。
然后,读取这个值,你可以像这样:
var Clicks = localStorage['StoredClicks']
. .希望这对你有帮助!
EDIT:正如Kopax Jack Herrauer所指出的,localStorage
将所有数据序列化为一个String,所以当读回整数值时,您应该确保将其解析为整数。我上面的"回读"例子应该是:var Clicks = parseInt(localStorage['StoredClicks'], 10)
相关文章:
- 当用户单击保存按钮时,标签会显示一条消息
- 单击时将类添加到 ancer 标签并使用 cookie 保存
- 如何保存从单击this.nameClass动态设置的本地存储
- 如何通过单击唯一按钮保存下拉菜单/复选框菜单选项和占位符值
- 在表中创建带有输入的新行,然后单击保存该输入的值
- 单击指向外部网站的链接后,通过MySQL保存数据
- 如何访问HTML中的属性值以保存在数据库中单击按钮
- 单击图像,获取坐标并将其保存在数据库JavaScript和Rails中
- 强制浏览器在单击链接后保存文件
- 在浏览器返回/forwd 按钮单击时保存/恢复所有 JavaScript 变量
- 如何将内容保存在使用 greasemonkey 单击链接时弹出的 html 框架中
- 检查输入类型并在单击保存时跳过输入“密码”字段
- 如何阻止Jquery.TinyMCE提交来自当我单击保存按钮时
- 离子类型错误:第一次单击保存按钮时无法读取未定义的属性“标题”
- 单击“保存到CSV”按钮后显示通知(如果未安装Flash Player)
- 将HTML Select附加到输入,并在用户单击“保存”按钮后存储它们的值.我正在处理的
- onbeforeunload,除非单击保存或提交按钮
- 如何在“另存为”对话框中自动单击“保存”
- JavaScript是否有可能阻止人们右键单击保存图像?
- 单击保存按钮进行验证的java脚本