前回の記事では、HTML ページが 3 秒後に自動的にジャンプする一般的な 3 つの方法を紹介しました。この記事では、引き続き HTML ページ ジャンプに関する関連知識を紹介します。一緒に学びましょう。 1) HTMLの実装 コードをコピー コードは次のとおりです。<ヘッド> <meta http-equiv="refresh" content="5;url=hello.html"> </head> 長所: シンプル デメリット: Struts Tilesでは使用できません 2) JavaScriptの実装 コードをコピー コードは次のとおりです。<mce:script language="javascript" type="text/javascript"><!-- タイムアウトを設定します("javascript:location.href='http://liting6680.blog.163.com/blog/hello.html'", 5000); // --></mce:script> 利点: 柔軟性があり、他の機能と組み合わせることができます デメリット: ブラウザによって影響される 3) カウントダウンJavaScript実装と組み合わせる(IE) コードをコピー コードは次のとおりです。<span id="totalSecond">5</span> <mce:script language="javascript" type="text/javascript"><!-- var 秒 = totalSecond.innerText; setInterval("リダイレクト()", 1000); 関数リダイレクト(){ totalSecond.innerText=--秒; if(second<0) location.href='http://liting6680.blog.163.com/blog/hello.html'; } // --></mce:script> 利点: より人道的 デメリット: Firefox はサポートしていません (Firefox は span、div などの innerText 属性をサポートしていません) 3) カウントダウンJavaScript実装と組み合わせる(Firefox) コードをコピー コードは次のとおりです。<mce:script language="javascript" type="text/javascript"><!-- var second = document.getElementById('totalSecond').textContent; setInterval("リダイレクト()", 1000); 関数リダイレクト() { document.getElementById('totalSecond').textContent = --秒; if (second < 0) location.href='http://liting6680.blog.163.com/blog/hello.html'; } // --></mce:script> 4) FirefoxがinnerTextをサポートしていない問題を解決する コードをコピー コードは次のとおりです。<span id="totalSecond">5</span> <mce:script language="javascript" type="text/javascript"><!-- if (navigator.appName.indexOf("Explorer") > -1) { document.getElementById('totalSecond').innerText = "私のテキストinnerText"; } それ以外{ document.getElementById('totalSecond').textContent = "私のテキストのtextContent"; } // --></mce:script> 5) 3)と3')の統合 コードをコピー コードは次のとおりです。<span id="totalSecond">5</span> <mce:script language="javascript" type="text/javascript"><!-- var second = document.getElementById('totalSecond').textContent; (navigator.appName.indexOf("Explorer") > -1 の場合) { 秒 = document.getElementById('totalSecond').innerText; } それ以外 { 秒 = document.getElementById('totalSecond').textContent; } setInterval("リダイレクト()", 1000); 関数リダイレクト() { (秒数 < 0)の場合 { 場所.href='http://liting6680.blog.163.com/blog/hello.html'; } それ以外 { (navigator.appName.indexOf("Explorer") > -1 の場合) { document.getElementById('totalSecond').innerText = 秒 --; } それ以外 { document.getElementById('totalSecond').textContent = 秒 --; } } } // --></mce:script> 上記の 5 つの例では、HTML を使用して自動ページ ジャンプを実現する 5 つの方法を紹介しています。気に入っていただければ幸いです。 |
<<: さまざまなReact状態マネージャーの解釈と使用方法
>>: JTAを実装するためにAtomikosと組み合わせたTomcatについて
目次序文記述子getとsetの詳細な説明オブジェクトの属性の乗っ取りオブジェクトのすべてのプロパティ...
目次Vueプロジェクトのパッケージ化、起動、最適化Vueプロジェクトのパッケージ化プロジェクトホステ...
目次基本タイプあらゆるタイプ配列タプルインタフェース関数自己推論を入力する結合タイプ(1つ以上選択)...
結合指数は複合指数とも呼ばれます。複合インデックスの場合: MySQL はインデックス内のフィールド...
序文この記事では、TS の基本的な概念ではなく、プロジェクトで TypeScript (以下、TS ...
TranslateThis URL: http://translateth.is Google 翻訳...
JavascriptとDOMの関係は非常に曖昧で、CSSやHTMLのフロントエンド技術層も理解してい...
mysql5.6 のグリーン バージョンを解凍すると、my-default.ini ファイルが作成さ...
目次問題の原因:解決:解決:私は Centos7 を使用しています (理論的にはこの方法は Cent...
目次1. インデックス署名とは何ですか? 2. インデックス署名構文3. インデックス署名に関する注...
序文これまでにも、一部の SQL ステートメントを不適切に使用すると MySQL インデックスが失敗...
yum install mysql-serverと入力します。続行するにはYを押してくださいインスト...
この記事では、主に、上下固定と中スライドレイアウトを実現するためのフレックスレイアウトのレイアウト方...
最近、Rails 経由で「utf8」でエンコードされた UTF-8 文字列を MariaDB に保存...
序文Docker はコンテナの環境変数を設定できます。設定方法は 2 つあります。イメージを作成する...