如何在不刷新页面的情况下更新显示框
How do I update my display box without having to refresh the page?
我有一个脚本,它计算unicreatures.com
上的步数,并添加了一个按钮来清除计数。它起作用了,但我不高兴的是,我的显示框在重新加载页面之前不会更新新的计数。有没有一种方法可以在清除计数后更新我的盒子内容,而不必重新加载页面?
var clearTotal= confirm("Do you really want to clear your step count?");
if (clearTotal== true) {
localStorage.steps=0
alert("yes");
}
else {
alert("no");
}
}, true )
如果有人能为我指明正确的方向,我会很高兴。我花了几个小时寻找答案,但也许我只是用错了搜索词。
我不使用JQuery
,所以请将所有信息保存到JavaScript
。
您可以清除回调中的显示或编写闭包。
一个非常简单的方法是,当您检查本地存储是否清除时,将显示区域的值设置为
var myTextField = document.getElementById('the_display_area_id');
var clearTotal= confirm("Do you really want to clear your step count?");
if (clearTotal== true) {
localStorage.steps=0
myTextField.value() = "";
}else{
alert("no");
}
此外,使用类似库的放大器进行本地存储,将更容易处理跨浏览器的细微差别
我希望早点看到它。
最简单的方法是更改CCD_5 的值
if (clearTotal== true) {
localStorage.steps=0
box.innerHTML ='<div><p> ' +
"You have taken "+localStorage.steps+" steps total" +
'</br><button type="button" button id="clear">Clear total steps...</button></p></div>';
document.body.appendChild( box );
alert("yes");
}
相关文章:
- 如何在不刷新页面的情况下更新显示框
- 获取 HTML 5 音频控制文件位置并在不使用 id 选择器的情况下更新 src
- 在不重定向页面的情况下更新表
- Angular/UI路由器-如何在不刷新所有内容的情况下更新URL
- 如何在不按ctrl+F5的情况下更新我的Web应用程序(chrome、mozilla、IE8+)更改
- 可以在不重新加载页面的情况下更新javascript中的cookie
- 在不重新加载控制器的情况下更新路由
- 在不重新加载页面的情况下更新 URL 哈希
- 在不重新加载页面的情况下更新块中的内容
- 需要 Ajax 函数 - 在不刷新页面的情况下更新数据库
- 在不加载页面的情况下更新谷歌地图上的标记位置
- 在不刷新的情况下更新标签内的变量
- 在不超出页面的情况下更新数据库
- 如何在不使用映射的情况下更新视图模型
- 在不刷新页面的情况下更新 SQL 数据
- 如何在代码点火器中使用 websocket 在不刷新页面的情况下更新内容
- 如何在不刷新浏览器的情况下更新倒计时达到 0 时的日期
- 在不触发状态更改的情况下更新 URL
- 在不重新加载整个页面的情况下更新网页的特定区域
- GULP:如何在不刷新的情况下更新浏览器(仅适用于 CSS 更改)