关于静态页面如何获得参数的问题

zhufeng1981

浏览: 73663 次
性别:
来自: 北京

最近访客更多访客>>

chen88358323

世界杯2009

earthsurface

kaisong95

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

XHTML HTML JavaScript 浏览器

刚刚有人问如何在静态页面获得url的参数，我想通过JS就可以解决这个问题。下面一个简单的例子加以说明。

a.html (传参页面)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>传参数页面</title>
</head>

<body>
<form method="post">
<a href="b.html?name=zhangsan&sex=男&aaa=100">aaa</a>
</form>
</body>
</html>

b.html(取参页面)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>获取参数页</title>
</head>

<body>
<script type="text/javascript"><!-- 
         function gup( name ) { 
             
               var regexS = "[\\?&]"+name+"=([^&#]*)";//匹配name参数对
 
               var regex = new RegExp( regexS ); 
         
               var results = regex.exec( window.location.href );//过滤超链接,
          
               if( results == null ) { 
                   return ""; 
           } else { 
                  document.getElementById("show").innerHTML = results[1];//显示对应的参数值
                  return results[1]; 
           } 
       } 
    
    -->
</script>
<button onclick="gup('name')">name</button>
<button onclick="gup('sex')">sex</button>
<button onclick="gup('aaa')">aaa</button>
<div id="show">
</div>

</body>
</html>

实质就是借助浏览器对url的记忆功能利用Js拆分字符而。