js获取地址栏url以及获取url参数
2013-09-02 19:02
666 查看
js原生态写法
一个更全面的js写法
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
代码如下 | 复制代码 |
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; //返回参数值 } |
代码如下 | 复制代码 |
// 获取地址栏的参数数组 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 ; } |
代码如下 | 复制代码 |
(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); |
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
相关文章推荐
- JS和ASP一行代码可获取完整URL地址以及参数
- JS获取当前完整的url地址以及参数的方法
- js获取地址栏url以及获取url参数
- JS获取当前完整的url地址以及参数的方法
- JS获取当前完整的url地址以及参数的方法
- js获取地址栏url以及获取url参数
- JS获取地址栏参数,JS获取URL中的参数,修改URL中指定参数
- js获取url参数来替换iframe链接地址
- js获取URL地址的参数 多个可以循环
- JS 获取链接(url)参数以及锚链接(anchor)结合富ajax的应用(ajax前进/后退的问题)
- js url参数的获取和设置以及删除
- 转:获取网页URL地址及参数等的两种方法(js和C#)
- JS获取地址栏URL参数
- Js获取URL地址参数
- js 获取URL地址附带参数 获得请求链接参数
- 转:获取网页URL地址及参数等的两种方法(js和C#)
- js获取url链接地址的参数
- jsp获取地址url以及url的参数
- 转:获取网页URL地址及参数等的两种方法(js和C#)
- js 获取url地址的参数