我有一個表中輸入以下內容:計數器顯示永久性即使的onclick
<tr>
<td class="right-middle user">Name</td>
<td class="right-middle done">
<div onload="clickCounter()" id="result"></div>
</td>
<td class="right-middle check">
<img src="img/check.png" onclick="clickCounter()">
</td>
<td class="right-middle undone">
<div onload="addcounter()" id="result2"></div>
</td>
<td class="right-middle uncheck">
<img src="img/uncheck.png" onclick="addCounter()">
</td>
</tr>
及以下的javascript:
function clickCounter() {
if (typeof (Storage) !== "undefined") {
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = localStorage.clickcount;
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage...";
}
}
document.getElementById("result").innerHTML = localStorage.clickcount;
function addCounter() {
if (typeof (Storage) !== "undefined") {
if (localStorage.clickcounts) {
localStorage.clickcounts = Number(localStorage.clickcounts) + 1;
} else {
localStorage.clickcounts = 1;
}
document.getElementById("result2").innerHTML = localStorage.clickcounts;
} else {
document.getElementById("result2").innerHTML = "Sorry, your browser does not support web storage...";
}
}
document.getElementById("result2").innerHTML = localStorage.clickcounts;
我要顯示在屏幕上兩個計數器所有的時間,即使在刷新頁面之後,無需按下按鈕即可查看該值。我已經使用了這些代碼,並且它們工作正常。任何人都可以幫助我理解爲什麼計數器不會一直顯示在屏幕上?
你可以做一個jsFiddle嗎? –
@BasvanStein - Stackoverflow已經支持[inline live demos](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/)一年多了。沒有必要依靠第三方網站來託管問題的部分內容或回答問題。 – Quentin
@Quentin當然,這也很好,道歉。 –