静态页跨页面传值

静态页跨页面传值:

第一步:新建一个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>

 

你可能感兴趣的:(静态页跨页面传值)