扫码添加
客服微信

扫码关注
微信公众号

13950058311

资讯动态

News

——

一个页面通过URL向另一个页面传递简单数据

2019-01-21

test1.html

 
 
  1. <!DOCTYPE html>
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <title>test1.html页面</title>  
  6.         <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>  
  7.     </head>  
  8.     <body>  
  9.         请输入:  
  10.         <input type="text" id="txta" >  
  11.         <br />  
  12.         第一种方式,传输入的值  
  13.         <input type=button value="去往test2.html页面" onclick="tiaozhuan()" />   
  14.         <script type="text/javascript">  
  15.             var tiaozhuan = function(){  
  16.                 document.location.href ='test2.html?mydata1=' + $("#txta").val();  
  17.             }  
  18.         </script>  
  19.         <br />  
  20.         第二种方式,传固定的值  
  21.         <input type=button value="去往test2.html页面" onclick="document.location.href ='test2.html?mydata1=ciweigudingzhi';" />   
  22.     </body>  
  23. </html>  

test2.html

  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <title>test2.html页面</title>  
  6.     </head>  
  7.     <body>  
  8.         test1.html页面传来的值为:<input type=text id="txt1" />  
  9.         <script type="text/javascript">  
  10.             var txt1 = document.getElementById("txt1");  
  11.             txt1.value = location.search.match(new RegExp("[\?\&]mydata1=([^\&]+)", "i"))[1];  
  12.         </script>  
  13.     </body>  
  14. </html>