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>

Answer 2

您可以使用Cookie。使用js，您可以使用https://plugins.jquery.com/cookie/或使用服务器端cookie

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

2 个答案: