国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

html頁面跳轉(zhuǎn)傳遞參數(shù)問題

2024-08-26 00:19:30
字體:
供稿:網(wǎng)友

效果如下:

a頁面

html頁面跳轉(zhuǎn),傳遞參數(shù)

點(diǎn)擊跳轉(zhuǎn)按鈕后

html頁面跳轉(zhuǎn),傳遞參數(shù)

在b頁面可以獲取到對應(yīng)的值。

代碼如下:

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;//此處拼接內(nèi)容            window.location.href = url;        }    </script></head><body>   <div id="name">tony</div>   <div id="age">23</div>   <button id="btn">跳轉(zhuǎn)</button></body></html>

將要跳轉(zhuǎn)到的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>   <div id="name"></div>   <div id="age"></div></body></html>

以上所述是小編給大家介紹的html頁面跳轉(zhuǎn)傳遞參數(shù)問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對VeVb武林網(wǎng)網(wǎng)站的支持!


注:相關(guān)教程知識閱讀請移步到HTML教程頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 古田县| 黄石市| 衡山县| 永和县| 隆回县| 华阴市| 湄潭县| 雷山县| 永安市| 揭西县| 耿马| 泸溪县| 甘德县| 阿拉善右旗| 长子县| 平邑县| 台前县| 安乡县| 肇源县| 积石山| 沾化县| 聂拉木县| 增城市| 苗栗县| 滕州市| 奇台县| 全南县| 百色市| 江孜县| 青河县| 永清县| 肇东市| 武安市| 清苑县| 顺平县| 新余市| 江孜县| 涿鹿县| 长治县| 隆林| 韩城市|