PHPとJSPを使ってWebサイトの自動ページジャンプを実装する方法(その2)_javascriptスキル

この記事では、Web ページの自動ジャンプのいくつかの実装方法について説明します。
方法 1: メタ タグを使用する メタ タグは、HTML に不可欠なタグの 1 つで、ドキュメントのメタ情報を提供します。
① http-equiv: に関連する HTTP ファイル。ドキュメント内のデータ Header
② content: 名前付きHTTPヘッダーに関連するデータ
③ name: ドキュメントの説明
④ url: メタ情報に関連付けられたURL http-equiv属性をrefreshとして定義すると、この Web ページを開きます。システムは、content="秒;url=website" で指定された値に基づいて、特定の時間内に対応するページにジャンプします。指定された URL にジャンプするのにかかる時間を定義します。次のメタ タグは、1 秒後に自動的にページにジャンプするようにシステムに指示します。
上記のコードは、HTTP ドキュメントのヘッダーの と の間に追加する必要があります。通常、メタ タグは の後に続きます。複数のメタ タグが必要な場合は、それぞれが独自の行を占有することができます。
この方法は、静的な Web サイト空間を含むあらゆる環境に適用できます。
方法 2: header 関数を使用する header 関数は、PHP の組み込み関数の HTTP 関連関数の 1 つであり、HTTP プロトコルのヘッダーをブラウザーに送信します。これを使用して URL をリダイレクトします。つまり、ページは他の指定された Web ページにリダイレクトされます。次の例は、実行後に Black Horse Online Power ホームページを自動的に開きます。
header("Location: http://www.jb51.net/");
header 関数は、 タグの前、つまり HTTP ヘッダー内の他のヘッダー () がブラウザに送信される前に使用され、前のページはコンテンツを印刷またはエコーできません。つまり、ページの が表示される前に、プログラムはヘッダー イベントを処理するだけです。このような厳しい要件にもかかわらず、柔軟に使用すれば、ログインページなどのページの自動ジャンプ機能を実現し、ユーザーが送信したデータが合法であるかどうかを判断してページのどこにジャンプするかを決定することができます。簡単な例を以下に示します。

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

< ?php
/* ログインプログラム - ファイル名：login.php
プログラム関数 - ユーザーのログインパスワードの決定*/
if(＄_POST['Submit']) {
session_start(); 🎜> if(＄_POST['pws']=='123') { //パスワードが 123 の場合
＄_SESSION['passwd']='123' //セッション データを書き込みます
header( "Location:index.php"); //通常のページにジャンプします
}else{
header("Location:login.php") //ログインページにジャンプします
}
}
//フォーム コードは省略されます (フォームは純粋な HTML コードで記述することもできます。その場合、コードはプログラム
?>
の後に配置する必要があります) /* セッション データの検出 - ファイル名 ：index.php
プログラム関数 - セッション データのパスワードが 123 であるかどうかを確認し、そうでない場合は
ログイン ページに戻ります*/
session_start(); 🎜>if(＄_SESSION['passwd'] !='123') header("Location:login.php");
//その他のコード (純粋な HTML コードはプログラムの後に記述する必要があります)
? >


この方法は、明らかに PHP をサポートする宇宙環境でのみ使用できます。

方法 3: JavaScriptJS を使用すると、非常に強力なプログラム スクリプトを作成できます。自動ページ ジャンプの簡単な JS の例。コードが実行されると、ブラウザは自動的に Black Horse Online Power Web サイトに移動します。コードはページ上の任意の場所に配置できます。
このコードはあらゆる Web 環境に適しています。タイマーを追加する場合は、

たとえば、ログアウト時にプロンプ​​ト ページを表示する必要がある Web サイトもあります。また、ログアウトする必要があるものもあります。
方法 1:
< meta http-equiv="refresh" content="'待ち時間';URL='ジャンプ ページ'"> jsアプリケーション。
テストコード:




コードをコピー

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

t = -1; // Counter
setInterval("testTime()",1000); // 1 秒タイマーを開始します
if(t<0) ) return; // カウンタ値は 0 未満で、カウントダウンがまだ開始されていないことを示します
if(t == 0) // カウンタ値は 0、
location = "http:/ /www.jb51.net";
view.innerHTML = "" t ""; // カウントダウンを表示
t--; // カウンターをデクリメント
}
function offTime() {
if(event.srcElement.value != "クリックして開始") { // カウントダウンが開始しない場合
t = -1; // 初期カウンター
view.innerHTML = ""; // カウントダウンをクリアします
}
}
document.onclick = offTime; // クリックイベント監視を開始します