コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML_HTML/Xhtml_Web ページ制作で自動ページジャンプを実現する 5 つの方法

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

WBOY
リリース： 2016-05-16 16:36:15
オリジナル
1385 人が閲覧しました

前回の記事では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實作頁面自動跳轉的五種方法，希望大家會喜歡。
関連ラベル：
html ページジャンプ
ソース：php.cn
前の記事：XHTML_HTML/Xhtml_Web ページ制作における共通タグの整理 次の記事：3 秒後に HTML ページに自動的にジャンプする 3 つの一般的な方法 _HTML/Xhtml_Web ページの作成
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
強制更新は、Next.js の未定義のパスまたはエラー ページにアクセスした結果発生します。 未定義のパスまたはエラー ページにアクセスすると、Next.js がハード リフレッシュを実行し、コンテキストがデフォルトの状態に戻ります (つまり、userProfile 状態変...
から 2024-04-05 08:32:46
0
1
400
Chart.zoom() を呼び出した後に X 軸を解放する: ステップバイステップのガイド スクロール戦略を setScrollStrategy(AxisScrollStrategies.progressive) に設定すると、データが非常に速く受信されるため、読み込まれ...
から 2024-04-04 23:40:56
0
1
1339
React を使用して 3 つのページを構築しています。各ページには独自の CSS ファイルがあり、各ページに CSS ファイルは 1 つだけあります。 私はこれら 3 つのページに取り組んでいます。App.js には 2 つのボタンがあり、最初のボタンをクリックすると「/quotes」ページに移動し、2 番目のボタンをクリックする...
から 2024-04-04 10:07:16
0
1
394
Vanilla JS setTimeout(): 間違った動作の特定 ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次の...
から 2024-04-02 20:44:40
0
1
284
CSS + HTML を使用してテキストを中央揃えにできない CSSとHTMLを使用してテキストを中央揃えにしようとしています。私は Web 開発が初めてなので、始めたばかりです。基礎コースを視聴し（最初のページを作成しました）、現在は自分の...
から 2024-03-31 15:57:04
0
1
322
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート