Home > Article > Web Front-end > Detailed explanation of the problem of passing parameters when jumping to html pages
This article mainly introduces the relevant information on the problem of passing parameters in html page jumps. Friends who need it can refer to it
The effect is as follows:
a page
After clicking the jump button
you can get the corresponding value on page b.
The code is as follows:
a page:
<!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 page to be jumped to:
<!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>
The above is the detailed content of Detailed explanation of the problem of passing parameters when jumping to html pages. For more information, please follow other related articles on the PHP Chinese website!