js获取地址栏url以及获取url参数

js原生态写法

代码如下	复制代码
function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r!=null) return unescape(r[2]); return null; //返回参数值 }

一个更全面的js写法

代码如下

复制代码

// 获取地址栏的参数数组 function getUrlParams() { var search = window.location.search ; // 写入数据字典 var tmparray = search.substr(1,search.length).split("&"); var paramsArray = new Array; if( tmparray != null) { for(var i = 0;i<tmparray.length;i++) { var reg = /[=|^==]/; // 用=进行拆分，但不包括== var set1 = tmparray[i].replace(reg,'&'); var tmpStr2 = set1.split('&'); var array = new Array ; array[tmpStr2[0]] = tmpStr2[1] ; paramsArray.push(array); } } // 将参数数组进行返回 return paramsArray ; } // 根据参数名称获取参数值 function getParamValue(name) { var paramsArray = getUrlParams(); if(paramsArray != null) { for(var i = 0 ; i < paramsArray.length ; i ++ ) { for(var j in paramsArray[i] ) { if( j == name ) { return paramsArray[i][j] ; } } } } return null ; }

jquery插件写法

代码如下	复制代码
(function($){ $.getUrlParam = function(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } })(jQuery);

我们可以用javascript获得其中的各个部分

1, window.location.href

整个URl字符串(在浏览器中就是完整的地址栏)

本例返回值:

2,window.location.protocol

URL 的协议部分

本例返回值:http:

3,window.location.host

URL 的主机部分

本例返回值:www.111cn.net

4,window.location.port

URL 的端口部分

如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符

本例返回值:""

5,window.location.pathname

URL 的路径部分(就是文件地址)

本例返回值:/fisker/post/0703/window.location.html

6,window.location.search

查询(参数)部分

除了给动态语言赋值以外，我们同样可以给静态页面,并使用javascript来获得相信应的参数值

本例返回值:?ver=1.0&id=6

7,window.location.hash