對于html頁面跳轉傳遞參數問題回答
發表時間:2023-12-23 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本文主要介紹了html頁面跳轉傳遞參數問題的相關資料,需要的朋友可以參考下,希望能幫助到大家。效果如下:a頁面點擊跳轉按鈕后在b頁面可以獲取到對應的值。代碼如下:a頁面: <!DOCTYPE html><html><head lang="en"&g...
本文主要介紹了html頁面跳轉傳遞參數問題的相關資料,需要的朋友可以參考下,希望能幫助到大家。
效果如下:
a頁面

點擊跳轉按鈕后

在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中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。