js获取url链接中的域名,url和参数的例子

最近在做一个页面，服务器跳转到前端的时候，在url上面加一个 get参数；

然后客户端再获取到这个参数，然后再用 ajax方式，访问服务器，带上这个参数，获取数据。

假如这个url地址 为   http://www.test.com?parm1=va1

思路是用 split函数，取出这个参数和值

1. 获取url

浏览器这个对象，对应js上面的window对象

window共有 下面5个子对象

window.navigator  对象包含有关浏览器的信息

window.screen    对象包含有关客户端显示屏幕的信息

window.history  对象包含用户（在浏览器窗口中）访问过的 URL

window.location  对象包含有关当前 URL 的信息

window.document   每一个HTML 文档都会成为 Document 对象

从上面，我们可以看到获取url的方法

var url = window.location.href

输出 url 为 http://www.test.com?parm1=va1

2.获取参数parm1

function getparm1(){

    var url = window.location.href;

    var arr = url.split('=');

    if (arr.length > 1) {
      return arr[1]; 

 }else{

    return '';

 }

}

执行输出 getparm1() 为 val1

3.如果多个参数怎么办  思路是把参数组成数组，这样获取arr['parm1']参数

function getparm(parm){ 

var url = window.location.href;

var arr = url.split("?"); 

if(arr.length > 1) {

var arrparm =  arr[1].split("&");

var a;

for (var i = 0; i < arrparm.length; i++) {

a = arrparm[i].split("=");

if (a != null && a[0] == parm ) {

return a[1];

};

}

}else{

return "";

}

}

执行输出 getparm(‘parm1’)  获取值 val1

更多文章，欢迎关注  web前端和php开发，一起学习与提高

更多文章，欢迎关注  web前端和php开发，一起学习与提高