js如何准确获取当前页面url网址信息

30人阅读 评论(0) 收藏 举报
分类:

在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。

下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1

1、window.location.href(设置或获取整个 URL 为字符串)

var test = window.location.href;
alert(test);
返回:http://i.cnblogs.com/EditPosts.aspx?opt=1

2、window.location.protocol(设置或获取 URL 的协议部分)

var test = window.location.protocol;
alert(test);
返回:http:

3、window.location.host(设置或获取 URL 的主机部分)

var test = window.location.host;
alert(test);
返回:i.cnblogs.com

4、window.location.port(设置或获取与 URL 关联的端口号码)

var test = window.location.port;
alert(test);
返回:空字符(如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符)

5、window.location.pathname(设置或获取与 URL 的路径部分(就是文件地址))
var test = window.location.pathname;
alert(test);
返回:/EditPosts.aspx

6、window.location.search(设置或获取 href 属性中跟在问号后面的部分)

var test = window.location.search;
alert(test);
返回:?opt=1

PS:获得查询(参数)部分,除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值。

7、window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)

var test = window.location.hash;
alert(test);
返回:空字符(因为url中没有)

8、js获取url中的参数值

一、正则法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function getQueryString(name) {
  var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  var r = window.location.search.substr(1).match(reg);
  if (r != null) {
    return unescape(r[2]);
  }
  return null;
}
// 这样调用:
alert(GetQueryString("参数名1"));
  
alert(GetQueryString("参数名2"));
  
alert(GetQueryString("参数名3"));

二、split拆分法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function GetRequest() {
  var url = location.search; //获取url中"?"符后的字串
  var theRequest = new Object();
  if (url.indexOf("?") != -1) {
    var str = url.substr(1);
    strs = str.split("&");
    for(var i = 0; i < strs.length; i ++) {
      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
    }
  }
  return theRequest;
}
var Request = new Object();
Request = GetRequest();<br>// var id=Request["id"];
// var 参数1,参数2,参数3,参数N;
// 参数1 = Request['参数1'];
// 参数2 = Request['参数2'];
// 参数3 = Request['参数3'];
// 参数N = Request['参数N'];

三、指定取

比如说一个url:http://i.cnblogs.com/?j=js,我们想得到参数j的值,可以通过以下函数调用。

1
2
3
4
5
6
7
8
9
10
11
function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
  var context = "";
  if (r != null)
     context = r[2];
  reg = null;
  r = null;
  return context == null || context == "" || context == "undefined" ? "" : context;
}
alert(GetQueryString("j"));

四、单个参数的获取方法

1
2
3
4
5
6
7
8
function GetRequest() {
  var url = location.search; //获取url中"?"符后的字串
  if (url.indexOf("?") != -1) {  //判断是否有参数
   var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
   strs = str.split("=");  //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)
   alert(strs[1]);     //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
  }
}

以上就是本文的全部内容,希望对大家理解如何获取当前页面url网址信息有所帮助。

查看评论

如何让jsp和js获取来源页地址和ip原理及代码

文章来源:http://itlab.idcquan.com/Java/code/844176.html 我们写代码时经常会想记录访问页的来源页地址和用户的访问IP,就会用到以下的内容...
  • buster2014
  • buster2014
  • 2015-09-30 09:20:15
  • 1669

从页面输入url到页面呈现的过程

第一步:浏览器通过DNS解析得到url的IP地址DNS解析过程概述: 1.客户端提出域名解析请求,并将该请求发送给本地的域名服务器。 2.浏览器首先查询本地的缓存,如果有该项纪录,则直接将查询...
  • ty987654
  • ty987654
  • 2017-09-16 22:46:20
  • 133

用URL请求页面流程

重要申明:感谢原文作者——Mervyn Zhang,想看原文请戳这里!我只是个转载者!一、引言前端不仅要让用户对网页有完美的体验,让用户尽快体验到完美的网页也是很重要的,这就要前端攻城狮掌握一些计算机...
  • JimmyLuo17
  • JimmyLuo17
  • 2017-03-15 20:43:30
  • 2259

如何用js准确获取当前页面url网址信息

在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblo...
  • voke_
  • voke_
  • 2017-10-20 10:55:06
  • 738

使用JS获取当前页面的URL(网址信息)

获取完整URL 获取文件路径(文件地址) 获取协议 获取主机地址和端口号 获取主机地址 获取端口号 获取锚点(“#”后面的分段) 获取属性(“?”后面的分段) 获取框架(frameset),指定页面U...
  • dkbnull
  • dkbnull
  • 2016-12-11 00:03:33
  • 5195

获取url中问号后面的参数

原理:将url字符串以“=”分割成两部分,取第二部分就可以了        var url = "http://192.168.100.47:8080/cloud-manage/htm...
  • abcyyjjkk
  • abcyyjjkk
  • 2017-01-05 15:51:02
  • 3017

访问一个网页的全过程

引言 打开浏览器,在地址栏输入URL,回车,出现网页内容。整个过程发生了什么?其中的原理是什么?以下进行整理和总结。 整个过程可以概括为几下几个部分: 域名解析成IP地址; 与目的...
  • u012862311
  • u012862311
  • 2017-12-08 18:03:35
  • 2369

[HTML][Javascrpt]如何取得当前页面网址(URL)和查询参数

 如何取得当前页面网址(URL)和查询参数在javascript中取得当前页面网址(url)和查询参数。有时候出于需要,我们需在客户端取得当前页面的url参数,你可能知道要是在服务器端取得,如php或...
  • szwangdf
  • szwangdf
  • 2007-05-26 12:04:00
  • 12408

JS获取当前页面页面URL信息

设置或获取对象指定的文件名或路径。 url = http://www.baidu.com/baidu?wd=hei+jude&tn=monline_4_dg window.location.path...
  • Inuyasha1121
  • Inuyasha1121
  • 2015-07-15 08:23:35
  • 1906

URL

        我们在浏览器的地址栏里输入的web地址叫做URL(Uniform Resource Locator,统一资源定位符),就像每家每户都有一个门牌地址一样,每个网页都有一个Internet...
  • weixin_40462235
  • weixin_40462235
  • 2018-04-07 12:55:22
  • 15
    个人资料
    持之以恒
    等级:
    访问量: 3万+
    积分: 954
    排名: 5万+
    最新评论
  • vue-router

    xuanwuziyou: 博主您好!我做了一个简单的vue-cli的项目的demo, 第一次进入登录页,url是:http:...