兩個html之間的值傳遞(js location.search用法)
阿新 • • 發佈:2018-12-16
將兩個HTML放到同一個資料夾下,自己引入jquery的包。先開啟a.html點選”傳值”按鈕,看b.html中是否接收到值。
原理:
從a.html根據: window.location.href=”b.html?valus=parm”;
跳轉到b.html中,用window.location.search;接收值。
a.html:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>a頁面 </title> <script type="text/javascript" src="js/jquery/jquery-1.12.1.min.js"></script> <script type="text/javascript"> function to(){ var getval ="valueTest"; window.location.href="b.html?valus="+getval; } </script> </head> <body> <button onclick="to()">傳值</button> </body> </html>
b.html:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>b頁面 </title> <script type="text/javascript" src="js/jquery/jquery-1.12.1.min.js"></script> <script type="text/javascript"> $(function(){ //console.log(location.search.concat()); //manyValues(); $("#show").html(oneValues()); }) //接收一個值 function oneValues(){ var result; var url=window.location.search; //獲取url中"?"符後的字串 if(url.indexOf("?")!=-1){ result = url.substr(url.indexOf("=")+1); } return result; } //接收多值 function manyValues(){ var url=window.location.search; if(url.indexOf("?")!=-1){ var str = url.substr(1); strs = str.split("&"); var key=new Array(strs.length); var value=new Array(strs.length); for(i=0;i<strs.length;i++){ key[i]=strs[i].split("=")[0] value[i]=unescape(strs[i].split("=")[1]); alert(key[i]+"="+value[i]); } } } </script> </head> <body> <span>接收的值是:</span> <span id="show"></span> </body> </html>