<script>
window.onload=function () {
var bu=document.getElementById("bu");
bu.disabled=true;
var p1=document.getElementById("p1");
p1.onclick=function () {
bu.disabled=false;
}
}
</script>
<body>
<button id="bu" class="btn" disabled="disabled">
按钮
</button>
<p id="p1">
点击切换按钮可否点击状态
</p>
</body>
在谷歌或者ie下,一开始刷新页面,按钮能显示不可点击状态,当点击“点击切换按钮可否点击状态”元素,按钮可以变成可点击状态,当刷新页面的时候,按钮还可以回到不可点击状态。 在火狐下,前面的步骤跟结果都是一样,但是当刷新页面的时候,按钮还是照样是可点击状态。
目前我的理解是disabled不支持火狐,或者是火狐的缓存机制。 解决办法:
在页面加载的入口重新设置按钮不可点击的状态。按下ctrl+f5可以使页面跳过缓存机制。