HTML_HTML/Xhtml_Web ページ制作で自動ページジャンプを実現する 5 つの方法

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

1) htmlの実装

コードをコピーします

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

><メタ http-equiv="refresh" content="5;url=hello.html">

利点: シンプル

欠点: Struts タイルでは使用できません

2) JavaScript の実装

コードをコピーコードは次のとおりです:

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

欠点: 異なるブラウザの影響を受けます

3) 逆数の結合された JavaScript 実装 (IE)

コードをコピーしますコードは次のとおりです:

利点: よりユーザーフレンドリー

欠点: Firefox はサポートしません (Firefox は、span、div などの innerText 属性をサポートしません)

3) 相互作用の結合された JavaScript 実装 (Firefox)

コードをコピー

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

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

コードをコピーします

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




5) 3) と 3') を統合します

コードをコピーします

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

5

以上透過五個實例是跟大家介紹了HTML實作頁面自動跳轉的五種方法，希望大家會喜歡。