效果如下:
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> <div id=name>tony</div> <div id=age>23</div> <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> <div id= name></div> <div id=age></div></body></html>以上所述是小編給大家介紹的html頁面跳轉傳遞參數問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!