javascript - 单击按钮重新加载页面并更改按钮文本

我想单击一个按钮，以重新加载页面并更改按钮内的文本。

对于重新加载，我得到了：

Javascript：

function reloadPage(){
window.parent.location = window.parent.location.href;}

HTML：

<button type="button" onClick="reloadPage()">Start</button>

<script src="reloadpage.js"></script>

单击后，按钮中的文本必须从“开始”更改为“再试一次！”。

我怎样才能做到这一点？

谢谢。

最佳答案

您可以通过在重新加载时添加查询字符串来做到这一点，然后使用一个脚本来检测查询字符串并更改按钮加载时的文本。

JavaScript：

function reloadPage(){
window.parent.location = window.parent.location.href+"reload=true";}

function checkQString(){
// get query strings and store reload qstring in variable
if (reload) {
    document.getElementById('btn').innerHTML = 'Try Again!';
}

的HTML

<button id='btn' type="button" onLoad='checkQString();' onClick="reloadPage()">Start</button>

<script src="reloadpage.js"></script>