六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

對于html頁面跳轉傳遞參數問題回答

[摘要]本文主要介紹了html頁面跳轉傳遞參數問題的相關資料,需要的朋友可以參考下,希望能幫助到大家。效果如下:a頁面點擊跳轉按鈕后在b頁面可以獲取到對應的值。代碼如下:a頁面: <!DOCTYPE html><html><head lang="en"&g...
本文主要介紹了html頁面跳轉傳遞參數問題的相關資料,需要的朋友可以參考下,希望能幫助到大家。

效果如下:

a頁面

關于html頁面跳轉傳遞參數問題解答

點擊跳轉按鈕后

關于html頁面跳轉傳遞參數問題解答

在b頁面可以獲取到對應的值。

代碼如下:

a頁面:

<!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頁面</title>
    <script>
        $(function(){
             name = $("#name").text();
             age = $("#age").text();
            $("#btn").on("click",function(){
               jump1();
            });
        });
        function jump1(){
            url = "b.html?name="+name+"&age="+age;//此處拼接內容
            window.location.href = url;
        }
    </script>
</head>
<body>
   <p id="name">tony</p>
   <p id="age">23</p>
   <button id="btn">跳轉</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頁面</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>
   <p id="name"></p>
   <p id="age"></p>
</body>
</html>

大家學會了嗎?趕緊動手自己嘗試一下吧。

相關推薦:

比較總結mui頁面跳轉方式之間的差異

php 不使用js實現頁面跳轉怎么實現

關于html頁面跳轉的7篇文章推薦

以上就是關于html頁面跳轉傳遞參數問題解答的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




主站蜘蛛池模板: 日韩一区二区在线观看 | 色综网 | 色综合久久久久久 | 亚洲欧美日韩一区成人 | 亚洲 欧美 中文字幕 | 日韩成人激情 | 天天透天天狠 | 日韩成人免费观看 | 三级黄在线播放 | 亚洲欧美日韩三级 | 日韩欧美天堂 | 日韩a视频在线观看 | 婷婷狠狠操 | 在线看日本吃奶孕交 | 亚洲精品线在线观看 | 日日爱网站 | 日本精品一区 | 亚洲午夜在线播放 | 天天操夜夜添 | 日韩精品永久免费播放平台 | 青青草手机在线视频 | 日本黄色动态图 | 日本理论视频 | 日韩黄色在线视频 | 热久久这里是精品6免费观看 | 亚洲欧美日韩伦中文 | 日本视频在线免费播放 | 在线观看免费为成年视频 | 日日草夜夜操 | 欧美一级视频在线观看欧美 | 日韩黄色大全 | 四虎福利视频 | 一级做性色a爰片久久毛片 一级做受视频免费是看美女 | 日本一区免费看 | 日日噜噜噜噜人人爽亚洲精品 | 天美蜜桃精东乌鸦果冻麻豆 | 日韩三级影院 | 亚洲日本网站 | 亚洲一区二区成人 | 亚洲午夜久久久久久91 | 亚欧精品一区二区三区四区 |