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

  • A+
所属分类:web前端开发
js获取url链接中的域名,url和参数的例子

js

最近在做一个页面,服务器跳转到前端的时候,在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

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: