HTML で自動ページジャンプを実現する 5 つの方法

前回の記事では、HTML ページが 3 秒後に自動的にジャンプする一般的な 3 つの方法を紹介しました。この記事では、引き続き HTML ページジャンプに関する関連知識を紹介します。一緒に学びましょう。
以下に 5 つの例を挙げて詳しく説明します。これらの例の主な機能は、5 秒後に同じディレクトリ内の hello.html ファイルに自動的にジャンプすることです (必要に応じて変更してください)。

1) HTMLの実装

コードをコピー

コードは次のとおりです。

<ヘッド>
<meta http-equiv="refresh" content="5;url=hello.html">
</head>

長所: シンプル

デメリット: Struts Tilesでは使用できません

2) JavaScriptの実装

コードをコピー

コードは次のとおりです。

<mce:script language="javascript" type="text/javascript"></mce:script>

利点: 柔軟性があり、他の機能と組み合わせることができます

デメリット: ブラウザによって影響される

3) カウントダウンJavaScript実装と組み合わせる（IE）

コードをコピー

コードは次のとおりです。

5
<mce:script language="javascript" type="text/javascript"></mce:script>

利点: より人道的

デメリット: Firefox はサポートしていません (Firefox は span、div などの innerText 属性をサポートしていません)

3) カウントダウンJavaScript実装と組み合わせる（Firefox）

コードをコピー

コードは次のとおりです。

<mce:script language="javascript" type="text/javascript"></mce:script>

4) FirefoxがinnerTextをサポートしていない問題を解決する

コードをコピー

コードは次のとおりです。

5
<mce:script language="javascript" type="text/javascript"></mce:script>

5) 3)と3')の統合

コードをコピー

コードは次のとおりです。

5
<mce:script language="javascript" type="text/javascript"></mce:script>

上記の 5 つの例では、HTML を使用して自動ページジャンプを実現する 5 つの方法を紹介しています。気に入っていただければ幸いです。

<<: さまざまなReact状態マネージャーの解釈と使用方法

>>: JTAを実装するためにAtomikosと組み合わせたTomcatについて