<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      對于html頁面跳轉傳遞參數問題回答

      [摘要]本文主要介紹了html頁面跳轉傳遞參數問題的相關資料,需要的朋友可以參考下,希望能幫助到大家。效果如下:a頁面點擊跳轉按鈕后在b頁面可以獲取到對應的值。代碼如下:a頁面: <!DOCTYPE html><html><head lang="en"&g...
      本文主要介紹了html頁面跳轉傳遞參數問題的相關資料,需要的朋友可以參考下,希望能幫助到大家。

      效果如下:

      a頁面

      關于html頁面跳轉傳遞參數問題解答

      點擊跳轉按鈕后

      關于html頁面跳轉傳遞參數問題解答

      在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中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清