静态页跨页面传值

最新推荐文章于 2025-05-09 17:53:41 发布

weixin_34050427

最新推荐文章于 2025-05-09 17:53:41 发布

阅读量131

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hjjjjhd/p/11064934.html

博客介绍了静态页跨页面传值的方法，需新建index.html文件，还有用于接收index.html传参的get.html页面，还给出了转载来源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

静态页跨页面传值：

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