脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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

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

您可能感兴趣的文章:

相关文章

  • Web componentd组件内部事件回调及痛点剖析

    Web componentd组件内部事件回调及痛点剖析

    这篇文章主要为大家介绍了Web componentd组件内部事件回调示例及其痛点的剖析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2021-11-11
  • js实现省市联动效果的简单实例

    js实现省市联动效果的简单实例

    本篇文章主要是对js实现省市联动效果的简单实例进行了介绍，需要的朋友可以过来,希望对大家有所帮助
    2014-02-02
  • 微信小程序搭建自己的Https服务器

    微信小程序搭建自己的Https服务器

    这篇文章主要介绍了微信小程序搭建Https服务器，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript中this的四个绑定规则总结

    JavaScript中this的四个绑定规则总结

    相信大家都知道，ES5及之前时代的JavaScript中this的绑定机制是让很多开发者头疼不已的事情。this 的绑定变化多端，让笔者也吃了不少亏。所以本文总结了this的四条绑定规则，在此记录，以防自己遗忘，也方便他人参考借鉴。下面来一起看看吧。
    2016-09-09
  • js中用cssText设置css样式的简单方法

    js中用cssText设置css样式的简单方法

    下面小编就为大家带来一篇js中用cssText设置css样式的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 如何在uniapp项目中使用mqtt

    如何在uniapp项目中使用mqtt

    本文给大家分享uniapp中引入mqtt的全过程，在uniapp项目根目录下分别运行安装mqtt和uuid的命令行，因为后面会用uuid生成mqtt的clientId，文中给大家介绍mqtt和uuid安装过程，感兴趣的朋友跟随小编一起学习下吧
    2021-05-05
  • HTML上传控件取消选择

    HTML上传控件取消选择

    由于<input type="file">的value属性石只读的，所以要取消选择只能通过其他途径，此处有2种方法
    2013-03-03
  • JavaScript中的类型检查

    JavaScript中的类型检查

    本文给大家介绍了JavaScript中的类型检查的一些知识点,整理的非常详细,推荐给大家,希望对大家学习JavaScript能够所帮助
    2020-02-02
  • js实现本地图片文件拖拽效果

    js实现本地图片文件拖拽效果

    这篇文章主要为大家详细介绍了js实现本地图片文件拖拽效果，拖拽文件到指定位置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 深入理解javascript严格模式(Strict Mode)

    深入理解javascript严格模式(Strict Mode)

    Strict mode是JavaScript1.8.5引进的技术，但还没有浏览器确实可靠的实现了严格模式，所以使用时要小心并且多测试。Strict mode可以应用于整个脚本，也可以适合于单个函数。
    2014-11-11

最新评论