静态页跨页面传值
静态页跨页面传值：
第一步：新建一个index.html文件
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <a href="get.html?id=1" target="_blank">测试</a> 9 </body> 10 </html>
然后看第二个页面get.html，第二个页面是用来接收index.html传过来的参数的:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 function getParameter(param) { 8 var query = window.location.search; //获取URL地址中？后的所有字符 9 var iLen = param.length; //获取你的参数名称长度 10 var iStart = query.indexOf(param); //获取你该参数名称的其实索引 11 if(iStart == -1) //-1为没有该参数 12 return ""; 13 iStart += iLen + 1; 14 var iEnd = query.indexOf("&", iStart); //获取第二个参数的其实索引 15 if(iEnd == -1) //只有一个参数 16 return query.substring(iStart); //获取单个参数的参数值 17 return query.substring(iStart, iEnd); //获取第二个参数的值 18 } 19 function init() { 20 var param = getParameter("id"); 21 document.getElementById("a").value = param; 22 } 23 </script> 24 </head> 25 <body onload="init()"> 26 传值结果 <br> 27 <input id="a" type="text" /> 28 </body> 29 </html>
