脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js获取url信息的常见方法

详解javascript获取url信息的常见方法

 更新时间：2016年12月19日 12:37:27   作者：wxwx123  
本篇文章主要对javascript获取url信息的常见方法进行介绍，具有很好的参考价值，需要的朋友一起来看下吧

先以“http://www.cnblogs.com/wuxibolgs329/p/6188619.html#flag?test=12345”为例，然后获得它的各个组成部分。

1、获取页面完整的url

var a=location.href;
console.log(a);　// “http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345”

2、获取页面的域名

var host = window.location.host; //www.cnblogs.com
var host2 = document.domain; //www.cnblogs.com
var a = location.hostname;　　//www.cnblogs.com

3、获取url协议

var a=location.protocol;
console.log(a);　//http:

4、获取端口

var a=location.port;
console.log(a);

5、获取页面路径

var a=location.pathname;
console.log(a);

6、设置或获取 URL 的协议部分

var a = location.protocol;

7、获取#后的部分

var a=window.location.hash; 
var b=a.substr(1); 
console.log(b);　// flag?test=12345

8、获取 href 属性中跟在问号?后面的部分

// 此时案例地址变为“http://www.cnblogs.com/wuxibolgs329/p/5261577.html?test=12345”。得到 test=12345
var a=location.search;
var b=a.substr(1);
console.log(b);　
//如果案例依旧是“http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345”，则需下面的写法，得到 test=12345
var a=location.href;
var b=a.substr(a.lastIndexOf('?')+1);
console.log(b);

9、获取 = 号后面的部分

var a=location.href;
var b=a.substring(a.lastIndexOf('=')+1);
console.log(b); // 12345

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • JS文本框追加多个下拉框的值的简单实例

    JS文本框追加多个下拉框的值的简单实例

    这篇文章介绍了JS文本框追加多个下拉框的值的例子，有需要的朋友可以参考一下
    2013-07-07
  • 微信小程序用户后台定位及录音授权及请求示例

    微信小程序用户后台定位及录音授权及请求示例

    这篇文章主要为大家介绍了微信小程序用户后台定位及录音授权及请求示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-04-04
  • Three.js中实现一个OBBHelper实例详解

    Three.js中实现一个OBBHelper实例详解

    这篇文章主要介绍了Three.js中实现一个OBBHelper,本文参考Box3Helper源码，并写出一个OBBHelper，本文结合实例代码给大家介绍的非常详细，需要的朋友可以参考下
    2023-09-09
  • JavaScript实现答题评分功能页面

    JavaScript实现答题评分功能页面

    这篇文章主要为大家详细介绍了JavaScript实现答题评分功能页面，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-06-06
  • JS中判断字符串存在和非空的方法

    JS中判断字符串存在和非空的方法

    这篇文章给大家分享了JS中判断字符串存在和非空的方法以及相关注意点总结，有兴趣的朋友们参考下。
    2018-09-09
  • 一文详解JavaScript中this指向的问题

    一文详解JavaScript中this指向的问题

    JavaScript中this指向的问题是面试中常常会问到的，所以本文就来通过一些简单的示例为大家详细讲讲，文中的示例代码讲解详细，需要的可以参考一下
    2023-04-04
  • 高效的获取当前元素是父元素的第几个子元素

    高效的获取当前元素是父元素的第几个子元素

    例如处理事件的时候，有时候需要知道当前点击的是第几个子节点，而HTML DOM本身并没有直接提供相应的属性，需要自己来计算。感兴趣的朋友可以了解下本文
    2013-10-10
  • 微信小程序实现单选功能

    微信小程序实现单选功能

    这篇文章主要为大家详细介绍了微信小程序实现单选功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-10-10
  • JavaScript接口的实现三种方式(推荐)

    JavaScript接口的实现三种方式(推荐)

    这篇文章主要介绍了JavaScript接口的实现三种方式，有注释法，检查属性法和鸭式辨行法，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
    2016-06-06
  • Paypal支付不完全指北

    Paypal支付不完全指北

    这篇文章主要介绍了Paypal支付不完全指北，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06

最新评论