クリックでページを更新するボタン

ユーザーのクリックでページを更新するボタンが必要です。私はこれを試しました：

<input type="button" value="Reload Page" onClick="reload">

または

<input type="button" value="Refresh Page" onClick="refresh">

しかしどちらもうまくいきませんでした。

使用onClickしてwindow.location.reload()、すなわち：

<button onClick="window.location.reload();">Refresh Page</button>

またはhistory.go(0)、すなわち：

<button onClick="history.go(0);">Refresh Page</button>

またはwindow.location.href=window.location.href、「フル」リロードの場合：

<button onClick="window.location.href=window.location.href">Refresh Page</button>

ボタン要素-developer.mozilla.org

これは私のために働く

HTML

    <button type="submit"  onClick="refreshPage()">Refresh Button</button>

JavaScript

<script>
function refreshPage(){
    window.location.reload();
} 
</script>

<a onClick="window.location.reload()">Refresh</a>

これは本当に私にぴったりです。

この本当にだけリロードページ（今日）

<input type="button" value="Refresh Page" onClick="location.href=location.href">

他のものは正確にリロードしません。テキストボックス内に値を保持します。

クリックでページを更新するボタン

window.location.reload（）でonClickボタンを使用します。

<button onClick="window.location.reload();">

<button onclick=location=URL>Refresh</button>

これはおかしいように見えるかもしれませんが、実際にトリックを行います。

ここですべての回答がインラインonClickハンドラーを使用していることに気づきました。通常、HTMLとJavaScriptを分離しておくことをお勧めします。

これは、クリックイベントリスナーをボタンに直接追加する回答です。クリックすると、location.reloadが呼び出され、現在のURLでページが再読み込みされます。

const refreshButton = document.querySelector('.refresh-button');

const refreshPage = () => {
  location.reload();
}

refreshButton.addEventListener('click', refreshPage)

.demo-image {
  display: block;
}

<button class="refresh-button">Refresh!</button>
<img class="demo-image" src="https://picsum.photos/200/300">

次のようなリンクに空の参照を作成するだけです

 <a href="" onclick="dummy(0);return false;" >

同じページをリロードするためにこれをうまく使用してください：

<button onClick="window.location.reload();">

質問はですbuttonが、誰かがを使用してページを更新したい<a>場合は、簡単に行うことができます

<a href="./">Reload</a>

<button onClick="window.location.reload();">Reload</button>

またはあなたも使うことができます

<form action="<same page url>" method="GET">
<button>Reload</button>
</form>

注："<same page link>"リロードする同じページのURLで変更します。例えば： <form action="home.html> method="GET">

フォームのリセットを探している場合：

<input type="reset" value="Reset Form Values"/>

またはブラウザで処理されないフォームの他の側面をリセットする

<input type="reset" onclick="doFormReset();" value="Reset Form Values"/>

jQueryの使用

function doFormReset(){
    $(".invalid").removeClass("invalid");
}

window.opener.location.href ='workItem.adm?wiId='+${param.wiId};

必要なパスに移動し、再送信プロンプトは表示されません。