JavaScript原生获取URL参数的两种方法

Posted ccllog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript原生获取URL参数的两种方法相关的知识,希望对你有一定的参考价值。

通过url获取参数的两种原生方法(使用框架的话一般都会提供):

方法一(推荐):

  urlinfo=window.location.href; //获取当前页面的url

  len=urlinfo.length;//获取url的长度

  offset=urlinfo.indexOf("?");//设置参数字符串开始的位置

  newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串

  newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割

  newsid=newsids[1];//得到参数值

 

方法二:

  function getQueryStringArgs(){

  //取得查询字符串并去掉开头的问号

  var qs = (location.search.length > 0 ? location.search.substring(1) : ""),

    args = () ,

    items = qs.length ? qs.spilt("&") : [],

    items = null,

    name = null,

    value = null,

    i = 0,

    len = items.length;

  for(i=0;i < len; i++){

    item = item[i].split("=");

    name = decodeURIComponent(item[0]);

    value = decodeURIComponent(item[1]);

    if (name.length){

      args[name] = value;

    }

  }

  return args;

  }

 

以上是关于JavaScript原生获取URL参数的两种方法的主要内容,如果未能解决你的问题,请参考以下文章

js 获取url各个参数。

JqueryjQuery获取URL參数的两种方法

javascript获取json对象的key名称的两种方法

JS对象转URL参数(原生JS和jQuery两种方式)

js获取url參数值的两种方式具体解释

两种js获取当前域名代码