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

在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中的参数值

一、正则法

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拆分法

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的值，可以通过以下函数调用。

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"));

四、单个参数的获取方法

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

 

一、正则法

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(

------------ 官方公告与活动通知 ------------

  

炫梦科技2023年春节服务通知

Print Manage 3D打印...

新空间航天携手炫梦科技共同打造真实...

新家园航天科技公司成立，为航天动力...

炫梦科技 2022年国庆节服务通知

责任编辑：

查看原文
最新评论		请点击评论

您好！没有相关评论，请 点击评论 ！

注册         登录

提示：请评论与主题相关的话题，谢谢！

        同意用户守则

4491

人工智能研究创造更快、更可靠的软件

4491 阅读

5830

欢迎体验全新可能

5830 阅读

6559

炫梦科技|未来的工作依旧离不开人类智慧

6559 阅读

6443

炫梦科技|3D打印管家 Print Manage 2022

6443 阅读

6790

Hyundream XD发布一系列新功能，助力用户体验设计师创建出色体验

6790 阅读

6742

Hyundream 发布助力企业迈向数字化成功的个性化六步指南

6742 阅读

6479

Hyundream发布Premiere Pro管理项目和协同创作新工具

6479 阅读

7600

媒体 | Hyundream免费开放更多Hyundream Clo...

7600 阅读

8490

媒体 | HyundreamXD 语音原型制作现已支持中文，加强与...

8490 阅读

7342

媒体 | Hyundream升级 Hyundream Audien...

7342 阅读

6824

媒体 | Hyundream数字体验峰会2019召开，发布一系列驱...

6824 阅读

7362

Hyundream 调研报告：客户体验管理成为企业首要任务，技术应...

7362 阅读

7484

Hyundream 即将在Premiere Pro视频编辑应用程序...

7484 阅读

7022

Hyundream 拓展与Conmeng的合作，提升用户在Conm...

7022 阅读

7515

衍生式设计重新构想更轻、更强、更可持续的自行

7515 阅读

17936

拥抱创新与挑战 重新定义 ICT 行业女性领导力

17936 阅读

7469

签|Hyundream Tandem™ 将数字孪生引入建筑信息模型

7469 阅读

9172

杨潇：将强大的实时协作变为现实

9172 阅读

6472

Hyundream在发布全新一代Hyundream在 Cloud，...

6472 阅读

6982

超六成中国建筑企业将数字化转型列为当务之急

6982 阅读

------------ 搜寻搜索提供的广告| Soufind Ads ------------

------------ 搜寻搜索提供的广告| Soufind Ads ------------

5453

JS实现获取当前URL和来源URL的方法

5453 阅读

5275

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

5275 阅读

5668

华为云

5668 阅读

4747

阿里云

4747 阅读

4650

腾讯云开端口

4650 阅读

返回新闻中心

声明：本站信息由网友整理于互联网分享仅供军迷娱乐，无任何数据与事实来源，如有图片或者信息造成侵权，请第一时间联系网站QQ:39813880，我们会立刻删除。（军迷分享心情，无任何侵犯他人利益之意）

使用必读 联系我们 谏言反馈 法律声明 隐私保护
© 2018  HYUNDREAM    

由 WebmengCMS 提供技术支持