利用JavaScript方法实现静态html页面参数传递

 原理是应用获得地址栏字串,进行分析。 

  aa.htm是参数输渗入渗出界面 

  bb.htm是参数接收处理界面 

  aa.htm 

 1   <html> 
 2 
 3   <head> 
 4   </head> 
 5 
 6   <body> 
 7   <script> 
 8 
 9   function submit() 
10 
11   { 
12 
13   var input1 = document.getElementById("inputid"); 
14 
15   window.open("bb.htm?inputStr=" + input1.value);//传入参数 
16 
17   } 
18 
19   </script> 
20 
21   <input type = "text" id = "inputid"> 
22 
23   <input type = "button" onclick = "submit()" value = "提交"> 
24 
25   </body> 
26 
27   </html>

  bb.htm: 

 1 <html> 
 2 
 3   <head> 
 4 
 5   <script> 
 6 
 7   //获得参数的方法 
 8 
 9   var request = 
10 
11   { 
12 
13   QueryString : function(val) 
14 
15   { 
16 
17   var uri = window.location.search; 
18 
19   var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 
20 
21   return ((uri.match(re))?(uri.match(re)[0].substr(val.leng th+1)):null); 
22 
23   } 
24 
25   } 
26 
27   </script> 
28 
29   </head> 
30 
31   <body> 
32 
33   <script> 
34 
35   //调用方法获得参数 
36 
37   var rt = request.QueryString("inputStr"); 
38 
39   alert(rt); 
40 
41   </script> 
42 
43   </body> 
44 
45   </html> 

 

  ==================================== 

  

 1 <html> 
 2 
 3   <head> 
 4 
 5   <title>test</title> 
 6 
 7   <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
 8 
 9   <SCRIPT LANGUAGE="JavaScript"> 
10 
11   <!-- 
12 
13   var request = { 
14 
15   QueryString : function(val) { 
16 
17   var uri = window.location.search; 
18 
19   var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 
20 
21   return ((uri.match(re))?(uri.match(re)[0].substr(val.leng th+1)):null); 
22 
23   } 
24 
25   } 
26 
27   var a = request.QueryString ("a"); 
28 
29   var b = request.QueryString ("b"); 
30 
31   var c = request.QueryString ("c"); 
32 
33   if ((a != null)){a=a} else{a="参数A空"} 
34 
35   if ((b != null)){b=b} else{b="参数B空"} 
36 
37   if ((c != null)){c=c} else{c="参数C空"} 
38 
39   document.writeln("参数A: " + a); 
40 
41   document.writeln("<br>参数B: " + b); 
42 
43   document.writeln("<br>参数C: " + c); 
44 
45   //--> 
46 
47   </SCRIPT> 
48 
49   </head> 
50 
51   <body> 
52 
53   <form name="form1" action="?"> 
54 
55   请输入参数值:<br> 
56 
57   <SCRIPT LANGUAGE="JavaScript"> 
58 
59   document.writeln("A:<input type='text' name='a' value='"+a+"'><br>"); 
60 
61   document.writeln("B:<input type='text' name='b' value='"+b+"'><br>"); 
62 
63   document.writeln("C:<input type='text' name='c' value='"+c+"'><br>"); 
64 
65   </SCRIPT> 
66 
67   <input type="submit" name="Submit" value="提交参数查观效果"> 
68 
69   </form> 
70 
71   </body> 
72 
73   </html>

 

转载于:https://www.cnblogs.com/QuentinYo/archive/2013/05/24/3098146.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值