PHPでプロンプトをポップアップ表示してページにジャンプする方法-PHPの問題-php.cn

PHPでプロンプトをポップアップ表示してページにジャンプする方法

PHPz

リリース： 2023-04-26 18:11:21

オリジナル

2555 人が閲覧しました

Web 開発では、ユーザーが操作を実行した後にメッセージを表示し、別のページにジャンプすることが必要になることがよくあります。 PHP ではこの機能を実装するためのさまざまな方法が提供されていますが、この記事では、JavaScript のポップアップウィンドウを使用して情報を要求し、ジャンプする比較的簡単な方法を紹介します。

ステップ 1: HTML ページを作成する

まず、ユーザーがボタンをクリックしたときに PHP スクリプトを実行するボタンを含む HTML ページを作成する必要があります。ボタンの onclick イベントでは、JavaScript を使用してプロンプトボックスをポップアップ表示し、別のページにジャンプできます。

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

<!DOCTYPE html>
<html>
<head>
    <title>提示框示例</title>
</head>
<body>
    <button onclick="redirectToPage()">点击跳转</button>
    <script>
        function redirectToPage() {
            // 弹出提示框
            alert('即将跳转到另一个页面');
            
            // 跳转到另一个页面
            window.location.href = 'http://www.example.com';
        }
    </script>
</body>
</html>

ログイン後にコピー

上記のコードでは、JavaScript のアラート関数を使用してプロンプトボックスをポップアップ表示します (つまり、プロンプト情報を含むダイアログボックスをポップアップ表示します)。 href 属性は、ページを指定された URL アドレスにジャンプします。

ステップ 2: PHP スクリプトを作成する

次に、ユーザーのクリックイベントを処理する PHP スクリプトを作成する必要があります。このスクリプトでは、リダイレクトする必要がある URL アドレスをいくつか設定し、JavaScript で使用するためにこれらの URL アドレスをパラメータとして HTML ページに渡します。

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

<?php
// 设置需要跳转的URL地址
$url1 = &#39;http://www.google.com&#39;;
$url2 = &#39;http://www.baidu.com&#39;;

// 将URL地址编码后传递给HTML页面
echo &#39;<input type="hidden" id="url1" value="&#39; . urlencode($url1) . &#39;">';
echo '<input type="hidden" id="url2" value="&#39; . urlencode($url2) . &#39;">';
?>

ログイン後にコピー

上記のコードでは、echo 関数を使用してエンコードされた URL アドレスを出力し、urlencode 関数を使用して URL アドレスをエンコードして、URL が不正にアクセスされるのを防ぎます。特殊文字が含まれていると、ページが正常にジャンプできなくなります。

ステップ 3: HTML ページを変更する

次に、HTML ページで PHP の include 関数を使用して、上で記述した PHP スクリプトを導入し、URL アドレスパラメーターを読み取り、次に JavaScript を読み取る必要があります。これらの URL アドレスを使用してリダイレクトします。

変更されたコードは次のとおりです:

<!DOCTYPE html>
<html>
<head>
    <title>提示框示例</title>
</head>
<body>
    <button onclick="redirectToPage()">点击跳转</button>
    <script>
        function redirectToPage() {
            // 弹出提示框
            alert('即将跳转到另一个页面');
            
            // 获取URL地址参数
            var url1 = document.getElementById('url1').value;
            var url2 = document.getElementById('url2').value;
            
            // 随机选择一个URL地址进行跳转
            var urls = [url1, url2];
            var index = Math.floor(Math.random() * urls.length);
            window.location.href = decodeURIComponent(urls[index]);
        }
    </script>
    
    <?php include(&#39;redirect_urls.php&#39;); ?>
</body>
</html>

ログイン後にコピー

上記のコードでは、document.getElementById 関数を使用して、PHP スクリプトによって出力された URL アドレスパラメーターを取得し、これらの URL アドレスを保存します。配列の真ん中に。次に、配列をランダムに選択し、decodeURIComponent 関数を使用して URL アドレスをデコードし、最後に window.location.href プロパティを使用して、選択した URL アドレスにページをジャンプします。

概要

JavaScript を使用してプロンプトボックスをポップアップ表示してジャンプすることは、シンプルで一般的に使用される Web 開発手法であり、ユーザーに適切なプロンプトを表示し、指定されたページに誘導するのに役立ちます。 PHP スクリプトを使用して URL アドレスパラメーターを渡すことにより、ジャンプ先のさまざまな URL アドレスを動的に選択できるため、ページの柔軟性と対話性が向上します。

以上がPHPでプロンプトをポップアップ表示してページにジャンプする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。