js中将URL中的参数提取出来作为对象的实现代码

 更新时间:2011年08月16日 00:08:57   作者:  
将URL中的参数提取出来作为对象的实现代码,适合希望获取url参数的朋友。
复制代码 代码如下:

(function() {
var urlToObject = function(url) {
var urlObject = {};
if (/\?/.test(url)) {
var urlString = url.substring(url.indexOf("?")+1);
var urlArray = urlString.split("&");
for (var i=0, len=urlArray.length; i<len; i++) {
var urlItem = urlArray[i];
var item = urlItem.split("=");
urlObject[item[0]] = item[1];
}
return urlObject;
}
};
var testUrl = "http://tools.jb51.net/index.php?key0=0&key1=1&key2=2";
var result = urlToObject(testUrl);
for (var key in result) {
alert(key + "=" + result[key]);
}
})();

相关文章

  • 原生js+css调节音量滑块

    原生js+css调节音量滑块

    这篇文章主要介绍了原生js+css调节音量滑块,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • JavaScript中Array.from()的超全用法详解

    JavaScript中Array.from()的超全用法详解

    Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map),别忘记就来讲讲他的具体用法吧
    2023-03-03
  • JS实现的文字间歇循环滚动效果完整示例

    JS实现的文字间歇循环滚动效果完整示例

    这篇文章主要介绍了JS实现的文字间歇循环滚动效果,涉及javascript结合时间函数定时触发实现页面元素动态操作相关技巧,需要的朋友可以参考下
    2018-02-02
  • JS OffsetParent属性深入解析

    JS OffsetParent属性深入解析

    本篇文章要是对JS中的OffsetParent属性进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所 帮助
    2014-01-01
  • JavaScript修改css样式style动态改变元素样式

    JavaScript修改css样式style动态改变元素样式

    修改css样式style在某些情况下还是比较实用的,可以动态改变一些样式,接下来为大家介绍下使用JavaScript是如何做到的
    2013-12-12
  • TypeScript工具类 Partial 和 Required 的场景分析

    TypeScript工具类 Partial 和 Required 的场景分析

    这篇文章主要介绍了TypeScript工具类 Partial 和 Required 的详细讲解,本文通过场景描述给大家详细讲解工具类的使用,结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • 易被忽视的js事件问题总结

    易被忽视的js事件问题总结

    这篇文章主要为大家详细介绍了易被忽视的js事件问题,包括跨平台事件、冒泡中target和currentTarget的区别,感兴趣的朋友可以参考一下
    2016-05-05
  • 跟我学习javascript的Date对象

    跟我学习javascript的Date对象

    跟我学习javascript的Date对象,文章主要介绍了Date 日期和时间对象的操作,文章末尾为大家附加了两个案例,帮助大家更好的学习javascript的Date对象,对这方面感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 理解JAVASCRIPT中hasOwnProperty()的作用

    理解JAVASCRIPT中hasOwnProperty()的作用

    JavaScript中hasOwnProperty函数方法是返回一个布尔值,指出一个对象是否具有指定名称的属性
    2013-06-06
  • js动态加载以及确定加载完成的代码

    js动态加载以及确定加载完成的代码

    利用js动态加载js文件到页面,并在确定加载完成后调用相关function
    2011-07-07

最新评论