浅析JS获取url中的参数实例代码

 更新时间:2016年06月14日 10:51:25   作者:河岸飞流  
本文给大家介绍js获取url中的参数实例代码,通过取得整个地址栏,取得所有参数以及各个参数放到数组里,代码比较简单,有需要的朋友可以参考下

js获取url中的参数代码如下所示,代码简单易懂,附有注释,写的不好还请见谅!

function UrlSearch() {
var name, value;
var str = location.href; //取得整个地址栏
var num = str.indexOf("?")
str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ]
var arr = str.split("&"); //各个参数放到数组里
for (var i = 0; i < arr.length; i++) {
num = arr[i].indexOf("=");
if (num > 0) {
name = arr[i].substring(0, num);
value = arr[i].substr(num + 1);
this[name] = value;
}
}
} 

实例

//跳转页面的链接
url: contextPath+"/page4nui/ci2k3/prreportcheckmngt/report_check.jsp?ciPrId="+ciPrId
//跳转到的页面使用
var url = new UrlSearch();
ciPrId = url.ciPrId;

到此就结束了。。js获取url参数知识非常实用,希望大家能够彻底搞懂,理解透彻!

以上所述是小编给大家介绍的JS获取url中的参数实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 基于JavaScript实现本地图片预览

    基于JavaScript实现本地图片预览

    这篇文章主要为大家详细介绍了基于JavaScript实现本地图片预览的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JavaScript中小数点精度丢失的原因以及解决方法

    JavaScript中小数点精度丢失的原因以及解决方法

    计算机再大的内存它也存不下,所以不能存储一个相对于数学来说的值,只能存储一个近似值,所以当计算机存储后再取出来用时就会出现精度问题,下面这篇文章主要给大家介绍了关于JavaScript中小数点精度丢失的原因以及解决方法,需要的朋友可以参考下
    2023-10-10
  • 百度地图api如何使用

    百度地图api如何使用

    如果想用百度地图api,首先需要先获取一个百度地图api的密钥,然后引入百度地图的api,这篇文章就讲下百度地图api如何使用的相关资料,需要的朋友可以参考下
    2015-08-08
  • 详解JavaScript中typeof与instanceof用法

    详解JavaScript中typeof与instanceof用法

    typeof用以获取一个变量或者表达式的类型而instanceof用于判断一个变量是否某个对象的实例,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-10-10
  • Bootstrap多级菜单的实现代码

    Bootstrap多级菜单的实现代码

    这篇文章主要介绍了Bootstrap多级菜单的简单实现代码,需要的朋友可以参考下
    2017-05-05
  • 如何利用原生JS实现触摸滑动监听事件

    如何利用原生JS实现触摸滑动监听事件

    这篇文章主要给大家介绍了关于如何利用原生JS实现触摸滑动监听事件的相关资料,文中将实现的原理以及代码介绍的非常详细,需要的朋友可以参考下
    2021-06-06
  • JS清空多文本框、文本域示例代码

    JS清空多文本框、文本域示例代码

    点击按钮清空页面上所有的文本框、文本域,下面有个不错的示例,大家可以参考下其具体实现
    2014-02-02
  • 测量JavaScript函数的性能各种方式对比

    测量JavaScript函数的性能各种方式对比

    这篇文章主要介绍了测量JavaScript函数的性能各种方式对比,对性能感兴趣的同学,可以多实验一下
    2021-04-04
  • 谷歌Chrome浏览器扩展程序开发小记

    谷歌Chrome浏览器扩展程序开发小记

    本文给大家记录的是一次谷歌Chrome浏览器扩展程序的开发过程,非常的细致,有类似开发念头的小伙伴们可以来参考下
    2016-01-01
  • Javascript中八种遍历方法的执行速度深度对比

    Javascript中八种遍历方法的执行速度深度对比

    关于数组或对象遍历,相信很多人都没有深入观察过执行效率。这是一个曾在群里吵翻天的话题,读懂后你将成为遍历效率话题的大师。下面这篇文章主要介绍了Javascript中八种遍历方法执行速度深度对比的相关资料,需要的朋友可以参考下。
    2017-04-04

最新评论