BinaryDevelop
  1. ホーム
  2. Web制作
  3. HTML/Xhtml

htmlページジャンプのパラメータ渡しの問題

2022-01-08 04:51:46

その効果は以下の通りです。

aページ

ジャンプボタンをクリックした後

bページで対応する値を取得することができます。

コードは以下の通りです。

ページを作成します。 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.params.js"></script>
    <title>a page</title>
    <script>
        $(function(){
             name = $("#name").text();
             age = $("#age").text();
            $("#btn").on("click",function(){
               jump1();
            });
        });
        function jump1(){
            url = "b.html?name="+name+"&age="+age;//splicing content here
            window.location.href = url;
        }
    </script>
</head>
<body>
   <div id="name">tony</div>
   <div id="age">23</div>
   <button id="btn">jump</button>
</body>
</html>

ジャンプ先のbページ。 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.params.js"></script>
    <title>b page</title>
    <script>
        $(function(){
           getData1();
        });
        function getData1(){
            var name = $.query.get("name");
            var age = $.query.get("age");
            $("#name").text(name);
            $("#age").text(age);
        }
    </script>
</head>
<body>
   <div id="name"></div>
   <div id="age"></div>
</body>
</html>

上記はhtmlページジャンプのパラメータ渡し問題の小さな紹介です、私はそれがあなたの助けになることを願っています、あなたが何か質問があれば、私にメッセージを与えてください、私は速やかにみんなに返信します。また、スクリプトハウスのウェブサイトを応援していただき、ありがとうございます。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します