我有一个按钮,当您单击它时会被禁用,但是当我刷新页面时它仍然应该被禁用。我怎样才能做到这一点?
<button onclick="this.disabled = true">Disable</button>
你应该使用cookies https://developer.mozilla.org/en-US/docs/Web/API/document.cookie。页面刷新后,Javascript 不会保留页面状态(当然,除非您在服务器端进行):
DEMO http://jsbin.com/pecepate/1/
Code:
function setCookie(name, value){
// Set cookie to `namevalue;`
// Won't overwrite existing values with different names
document.cookie = name + value + ';';
}
function checkIfClicked(){
// Split by `;`
var cookie = document.cookie.split(";");
// iterate over cookie array
for(var i = 0; i < cookie.length; i++){
var c = cookie[i];
// if it contains string "click"
if(/click/.test(c))
return true;
}
// cookie does not exist
return false;
}
// Set clicked to either the existing cookie or false
var clicked = checkIfClicked();
// Check if it was clicked before
alert(clicked);
// Get the button
var button = document.getElementsByTagName("button")[0];
// If it had been clicked, diable button
if (clicked) button.disabled = true;
// Add event listener
// When button clicked, set `click` cookie to true
// and disable button
button.addEventListener("click", function(){
setCookie("click", "true");
button.disabled = true;
}, false);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)