单纯的html页面是无法实现跨页面传值的，必须依靠js来解决。下面的例子，从a页面输入001搜索，b页面显示搜索的结果：

a.html code

123456

b.html code

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647

         
            
           
                
ID
                
NAME
             
             
                
001
                
Wang
             
             
                
002
                
Zhang
             
          
         

 

**************************************************************************************

**************************************************************************************

 

index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&...... php程序员之家

静态html文件js读取url参数 根据获取html的参数值控制html页面输出

一、字符串分割分析法。

　　这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的request.querystring，PHP的$_GET

函数:

<Script language="javascript">

function GetRequest() { 

   var url = location.search; //获取url中"?"符后的字串

   var theRequest = new Object();

   if (url.indexOf("?") != -1) { 

      var str = url.substr(1); phperz.com

      strs = str.split("&"); 

      for(var i = 0; i < strs.length; i ++) {

         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); 

      } 

   }

   return theRequest;

}

</Script>

然后我们通过调用此函数获取对应参数值：

<Script language="javascript">

var Request = new Object();

Request = GetRequest();

var 参数1,参数2,参数3,参数N;

参数1 = Request['参数1']; php程序员站

参数2 = Request['参数2'];

参数3 = Request['参数3'];

参数N = Request['参数N']; 

</Script>

以此获取url串中所带的同名参数

二、正则分析法。

function GetQueryString(name)

{   

    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");

    var r = window.location.search.substr(1).match(reg);

    if (r!=null) return unescape(r[2]); return null;

}

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3")); 

本文来自PHP程序员站,转载请注明出处: