js接收url参数

最新推荐文章于 2024-06-04 19:55:06 发布

原创最新推荐文章于 2024-06-04 19:55:06 发布 · 917 阅读

0 ·

CC 4.0 BY-SA版权

JavaWeb 专栏收录该内容

12 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript的window.location.href和window.location.search属性来获取URL的完整地址和查询参数。通过示例代码展示了如何解析URL参数并获取指定参数的值，包括两种不同的实现方法。这些技巧在动态加载数据或处理页面跳转时非常有用。

1, window.location.href 　　整个URl字符串(在浏览器中就是完整的地址栏)

　　　　　　　　　　　　　　返回值：http://www.cnblogs.com/Violet-sweet/articles/1740211.html

2,window.location.search 　查询(参数)部分。除了给动态语言赋值以外，我们同样可以给静态页面,并使用 javascript来获得相信应的参数值

　　　　　　　　　　　　　　返回值：?ver=1.0&id=timlq

URL：用javascript解析参数

String.prototype.GetValue= function(parm) {   
   var reg = new RegExp("(^|&)"+ parm +"=([^&]*)(&|$)");   
   var r = this.substr(this.indexOf("\?")+1).match(reg);   
   if (r!=null) return unescape(r[2]); return null;   
 }  
  
 function getName() 
 { 
  var url=location.href;
  var name = url.GetValue("ID");
  document.getElementById('name').innerHTML=name;
 }

简单方案：

function getParameter(param) 
 { 
     var query = window.location.search; 
     var iLen = param.length; 
     var iStart = query.indexOf(param); 
     if (iStart == -1) 
        return ""; 
     iStart += iLen + 1; 
     var iEnd = query.indexOf("&", iStart);
     if (iEnd == -1)
        return query.substring(iStart); 
     return query.substring(iStart, iEnd);
 }
 
 function getName()
 {
  var name = getParameter("ID");
  document.getElementById('name').innerHTML=name;
 }