js获取地址栏url以及获取url参数
来源:互联网 发布:2017软件退税政策 编辑:程序博客网 时间:2024/05/01 16:18
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
- js获取地址栏url以及获取url参数
- js获取地址栏URL参数
- JS获取地址栏URL参数
- Js - 获取url地址栏
- js 获取url地址栏参数值
- js获取url地址栏参数中文乱码
- React Js Router 获取地址栏url参数
- JS中获取url地址栏中的参数
- JS获取地址栏通过URL传的参数
- 【前端Js】jQuery获取(URL)地址栏参数
- js获取url地址栏问号后携带的参数
- js 获取url 获取地址栏
- js获取url参数
- JS获取URL参数
- JS获取URL参数
- js获取url参数
- js获取url参数
- js获取url参数
- java web从零单排第二期之《html表单基础介绍》
- (读书笔记).NET大局观-.NET框架类库概观
- 单链表实现约瑟夫环示例
- 最大全1矩阵元素数
- 【Android自动化测试之Robotium】02. Robotium之用例分析
- js获取地址栏url以及获取url参数
- poj_3735_Training little cats(矩阵快速幂)
- MAC OS X下安装Eclipse的SVN插件。
- OCP-1Z0-051-V9.02-14题
- android解锁屏时Activity生命周期的变化
- selenium+testng+reprotng+ant框架搭建配置
- QTimeLine学习
- sap,一句话入门
- Socket编程Linux或者Windows或Vxworks