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

Question

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

为了重新加载，我得到了:

Javascript:

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

HTML:

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

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

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

我该怎么做？

谢谢。

Answer 1

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

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>