国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 湖州市| 汉源县| 新乡市| 加查县| 聂拉木县| 梅河口市| 怀安县| 扶风县| 石楼县| 柯坪县| 靖西县| 长岭县| 德令哈市| 南华县| 阳山县| 交口县| 鄢陵县| 泾川县| 紫金县| 长顺县| 镇宁| 万全县| 台中市| 武功县| 达州市| 景洪市| 兴业县| 河池市| 新巴尔虎左旗| 张北县| 九龙城区| 全南县| 东阿县| 吴堡县| 大庆市| 织金县| 岚皋县| 南澳县| 延长县| 麻城市| 登封市|