本例中有使用JQuery。
资料参考:http://www.cnblogs.com/babycool/p/3169058.html
发送的HTML页面代码:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Index</title> 6 <script type="text/javascript" charset="uf-8" src="jquery-1.11.3.min.js"></script> 7 <script> 8 $(function() { 9 $(‘#send‘).click(function() { 10 var value1 = $(‘#value1‘).val(); 11 var value2 = $(‘#value2‘).val(); 12 var url = "receive.html?value1=" + value1 + "&value2=" + value2; 13 url=encodeURI(url); //对URL的地址进行encodeURI编码,实际上只有中文的部分被修改编码 14 window.location.href=url; 15 }); 16 }); 17 </script> 18 </head> 19 <body> 20 <div> 21 <div> 22 <span>value1: </span><input type="text" id="value1" /> 23 </div> 24 <div> 25 <span>value2: </span><input type="text" id="value2" /> 26 </div> 27 <div> 28 <button id="send">发送</button> 29 </div> 30 </div> 31 </body> 32 </html>
接收的HTML页面代码:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Receive Param</title> 6 <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script> 7 <script type="text/javascript" charset="uf-8" src="jquery-1.11.3.min.js"></script> 8 <script> 9 function getParam(name) { 10 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 11 var r = window.location.search.substr(1).match(reg); 12 if (r != null) 13 return decodeURI(r[2]); //对参数进行decodeURI解码 14 return null; 15 } 16 17 $(function() { 18 var val1 = getParam("value1"); 19 var val2 = getParam("value2"); 20 $(‘#value1‘).html(val1); 21 $(‘#value2‘).html(val2); 22 }); 23 </script> 24 </head> 25 <body> 26 <div> 27 <div> 28 <span>value1: </span><b id="value1"></b> 29 </div> 30 <div> 31 <span>value2: </span><b id="value2"></b> 32 </div> 33 </div> 34 <hr /> 35 <div> 36 <a href="index.html">back</a> 37 </div> 38 </body> 39 </html>
时间: 2024-10-27 06:14:34