关于两个html页面之间的传值

最近项目涉及到了两个页面之间的传值问题，去网上找到了几种方法，分别是利用cookie，url，localstorage。

cookie：在a.html创建对应的cookie,在b.html get对应cookie并赋值。

localstorage：和cookie基本类似。

url：最终决定采用url方式传值。参考了各位大牛的博客，具体方式如下（转载）：

HTML页面之间的传值，需要借助于jQuery。

例:从Add页面新增数据，传入到List页面中。

Add页面的传值：

 

[javascript]  view plain  copy

1.     <script src="http://localhost:2474/Scripts/jquery-1.4.1.js" type="text/javascript"></script>  
2.     <script src="http://localhost:2474/Resource/js/jquery.params.js" type="text/javascript"></script>  
3. <script language="javascript" type="text/javascript">  
4.   
5.    //从本页面 获取数据  
6.     var url;  
7.     function GetData(obj,tr) {  
8.         var LogID = document.getElementById("txtLogID").value;  
9.         var FHSRID = document.getElementById("txtFHSRID").value;  
10.         var DeviceName = document.getElementById("txtDeviceName").value;  
11.         var FHUser = document.getElementById("txtFHUser").value;  
12.         var FHPhone = document.getElementById("txtFHPhone").value;  
13.         var FHChuanZhen = document.getElementById("txtFHChuanZhen").value;  
14.         var FHAddress = document.getElementById("txtFHAddress").value;  
15.         var FHTime = document.getElementById("txtFHTime").value;  
16.         var SHSRID = document.getElementById("txtSHSRID").value;  
17.         var SHAddress = document.getElementById("txtSHAddress").value;  
18.         var SHTime = document.getElementById("txtSHTime").value;  
19.         var SHUser = document.getElementById("txtSHUser").value;  
20.         var SHPhone = document.getElementById("txtSHPhone").value;  
21.         var SHChuanZhen = document.getElementById("txtSHChuanZhen").value;  
22.         var Demo = document.getElementById("txtDemo").value;  
23.         url = "logisticList.htm?op=" + obj + "&tr="+tr +"&LogID=" + LogID + "&FHSRID=" + FHSRID + "&DeviceName=" + DeviceName + "&FHUser=" + FHUser + "&FHPhone=" + FHPhone + "&FHChuanZhen=" + FHChuanZhen + "&FHAddress=" + FHAddress + "&FHTime=" + FHTime + "&SHSRID=" + SHSRID + "&SHAddress=" + SHAddress + "&SHTime=" + SHTime + "&SHUser=" + SHUser + "&SHPhone=" + SHPhone + "&SHChuanZhen=" + SHChuanZhen + "&Demo=" + Demo;  
24.   
25.     }  
26.   
27.    //新增 ，提交  
28.     function OKAdd() {             
29.         alert('新增成功');  
30.         GetData("add",0);  
31.         var winobj = window.open(url, "_blank");  
32.         winobj.location.href = url;  
33.   
34.     }  
35.   
36. </script>  

在List页面的接值

[javascript]  view plain  copy

1. <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>  
2.  <script src="../../Resource/js/jquery.params.js" type="text/javascript" language="javascript"></script>  
3. <script type="text/javascript" language="javascript"  >  
4. //得到从Add页面传过来的数据  
5.       function GetData() {  
6.           var LogID = $.query.get("LogID");  
7.           var FHSRID = $.query.get("FHSRID");  
8.           var DeviceName = $.query.get("DeviceName");  
9.           var FHUser = $.query.get("FHUser");  
10.           var FHPhone = $.query.get("FHPhone");  
11.           var FHChuanZhen = $.query.get("FHChuanZhen");  
12.           var FHAddress = $.query.get("FHAddress");  
13.           var FHTime = $.query.get("FHTime");  
14.           var SHSRID = $.query.get("SHSRID");  
15.           var SHAddress = $.query.get("SHAddress");  
16.           var SHTime = $.query.get("SHTime");  
17.           var SHUser = $.query.get("SHUser");  
18.           var SHPhone = $.query.get("SHPhone");  
19.           var SHChuanZhen = $.query.get("SHChuanZhen");  
20.           var Demo = $.query.get("Demo");  
21.       }  
22. t;/script>  

jquery.params.js脚本文件:

 http://download.csdn.net/detail/hugaozhuang/4702791