現在のページを再読み込みするリンクのサンプルコード (HTML, ハイパーリンク)

現在のページを再読み込みするリンクについて (HTML, ハイパーリンク)

HTML (HyperText Markup Language) と ハイパーリンク を使用して、現在のページを再読み込みするリンクを作成することができます。これは、ページのコンテンツを更新したり、ユーザーがページをリフレッシュしたい場合に便利です。

HTML コードの例

<a href="javascript:void(0);" onclick="location.reload();">現在のページを再読み込み</a>

コードの解説

1. <a> タグ: ハイパーリンクを作成するためのタグです。
2. href="javascript:void(0);": リンク先の URL を指定します。この場合、JavaScript の void(0) を指定して、リンクのデフォルトの動作（新しいページを開く）を無効にします。
3. onclick="location.reload();": クリックされたときに実行される JavaScript コードを指定します。location.reload(); は、現在のページを再読み込みする命令です。

動作

このリンクをクリックすると、ブラウザが現在のページを再読み込みします。これにより、ページのコンテンツがサーバーから再度取得され、表示されます。

注意:

• javascript:void(0); を使用することで、リンクが新しいページを開かないようにしています。
• location.reload(); は、ページのキャッシュを無視して、サーバーから最新のコンテンツを取得します。

基本的なコード

<a href="javascript:void(0);" onclick="location.reload();">現在のページを再読み込み</a>

他の例

• サーバーサイドでのリダイレクト:

  <a href="reload.php">現在のページを再読み込み</a>
  

  この場合、reload.php という PHP スクリプトが実行され、サーバー側でリダイレクトが処理されます。
• JavaScript の window.location.reload():

  <a href="javascript:void(0);" onclick="window.location.reload();">現在のページを再読み込み</a>
  

  これは、基本的なコードと同じですが、window.location.reload() を使用しています。

JavaScript を使用した方法

• window.location.reload():

  <button onclick="window.location.reload();">現在のページを再読み込み</button>
  

  この方法は、ボタンや他の要素をクリックしたときに、JavaScript を使用してページを再読み込みします。

• <a href="javascript:location.reload();">現在のページを再読み込み</a>
  

サーバーサイドでのリダイレクト

Meta リフレッシュ

• HTML:

  <meta http-equiv="refresh" content="0; URL=current_page.html">
  

  この方法では、ページがロードされるとすぐに、指定された URL (この場合は current_page.html) に自動的にリダイレクトされます。