2

HTML 5 + JavaScript モバイル Web ページを設計しました。私のページには、「送信」というボタンがあります。それをクリックすると、ボタンの値が「完了」に変わります。しかし、「送信」ボタンをクリックした後にページを更新すると、ボタン（「送信」）のデフォルト値が表示されます。

私が必要とするのは、そのボタンをクリックすると、ユーザーがページを更新しても、その値は「完了」するだけです。これを行うための特定の方法はありますか？

<style>
.selectBtn{height:60px;width:80px;
background-color:yellow;}
#abc{background-color:gray;height:100%;width:60%;}
</style>
</head>
<body><div id='abc'></div>
<script>
content = document.getElementById('abc');
function dx(){
var Btn = document.createElement('button');
Btn.type = 'button';Btn.className = 'selectBtn';
Btn.innerHTML = 'Submit';
Btn.onclick = function()
{
this.innerHTML='Done';
}
content.appendChild(Btn);   
}
dx();
</script>
4

5 に答える 5

0

localStorage を使用してボタンの値を保存し、ユーザーが Web ページを再起動したときに読み込むことができます。

btn.innerHTML=localStorage.btn_value


Btn.onclick = function()
{
this.innerHTML='Done';
localStorage.btn_value=this.innerHTML;
}

これはうまくいくはずです...

于 2013-07-19T12:54:16.950 に答える