html頁面跳轉(zhuǎn)傳遞參數(shù)問題
發(fā)布時間：2017-05-05 14:41:30 作者：佚名 
我要評論
我要評論這篇文章主要介紹了html頁面跳轉(zhuǎn)傳遞參數(shù)問題的相關(guān)資料,需要的朋友可以參考下
效果如下：
a頁面
點擊跳轉(zhuǎn)按鈕后
在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ù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
HTML阻止iframe跳轉(zhuǎn)頁面并使用iframe在頁面內(nèi)嵌微信網(wǎng)頁版的實現(xiàn)方法
就想弄一個winform結(jié)合html5的一個小東西，突有心血來潮，想在里面嵌套一個微信網(wǎng)頁版，下面小編給大家介紹下HTML阻止iframe跳轉(zhuǎn)頁面并使用iframe在頁面內(nèi)嵌微信網(wǎng)頁版的實2018-01-09- 這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題，需要的朋友參考下吧2017-12-05
HTML實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法
本文通過五個實例給大家介紹html實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法，對html頁面跳轉(zhuǎn)相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-07- 在項目中，我們經(jīng)常會遇到這樣一個功能：如何實現(xiàn)頁面N秒后自動跳轉(zhuǎn)。其實方法很簡單，下面小編通過本文給大家分享HTML頁面3秒后自動跳轉(zhuǎn)的三種常見方法，對html頁面3秒后2015-12-07
html頁面實現(xiàn)過兩秒跳轉(zhuǎn)至其他頁面的方法
html頁面如何實現(xiàn)過兩秒跳轉(zhuǎn)至其他頁面，在本文主要是通過refresh及URL兩個屬性實現(xiàn)，具體示例代碼如下，感興趣的朋友可以參考下2013-10-22phpwind生成html頁面右下角跳轉(zhuǎn)功能問題
關(guān)鍵字描述：功能 問題 頁面 生成 value Copy code var function phpwind生成html頁面右下角跳轉(zhuǎn)功能問題 打開 template/wind/readtpl.htm 查找： Copy code2009-06-06HTML中button標(biāo)簽點擊實現(xiàn)頁面跳轉(zhuǎn)的三種方法
本文通過三種方法給大家介紹了HTML中button標(biāo)簽點擊實現(xiàn)頁面跳轉(zhuǎn)，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2019-05-31
