详解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  # 获取url  # javascript  # 使用JavaScript获取URL中的参数(两种方法)  # jsp获取url路径的方法分析  # js获取url传值的方法  # JS根据key值获取URL中的参数值及把URL的参数转换成json对象  # JavaScript获取URL汇总  # Js+Jq获取URL参数的集中方法示例代码  # js获取url中"?"后面的字串方法  # JS获取URL中参数值（QueryString）的4种方法分享  # js获取url中的参数且参数为中文时通过js解码  # JS获取url链接字符串 location.href  # 为例  # 跟在  # 组成部分  # 则需  # 先以  # url  # strong  # var  # brush  # pre  # class  # cnblogs  # www  # href  # http  # test  # flag  # html  # pathname 

相关文章： 贸易公司网站制作流程,出口贸易网站设计怎么做？  网页设计与网站制作内容,怎样注册网站？  一键网站制作软件,义乌购一件代发流程？  营销式网站制作方案,销售哪个网站招聘效果最好？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  建站主机数据库如何配置才能提升网站性能？  网站制作报价单模板图片,小松挖机官方网站报价？  教学网站制作软件,学习*后期制作的网站有哪些？  nginx修改上传文件大小限制的方法  C#如何使用XPathNavigator高效查询XML  建站之星3.0如何解决常见操作问题？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  建站之星如何防范黑客攻击与数据泄露？  安云自助建站系统如何快速提升SEO排名？  如何选择服务器才能高效搭建专属网站？  建站之星ASP如何实现CMS高效搭建与安全管理？  个人网站制作流程图片大全,个人网站如何注销？  如何用狗爹虚拟主机快速搭建网站？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  如何在橙子建站上传落地页？操作指南详解  已有域名如何免费搭建网站？  建站之星如何开启自定义404页面避免用户流失？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  常州自助建站费用包含哪些项目？  ,制作一个手机app网站要多少钱？  威客平台建站流程解析：高效搭建教程与设计优化方案  如何用美橙互联一键搭建多站合一网站？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  如何通过IIS搭建网站并配置访问权限？  内部网站制作流程,如何建立公司内部网站？  如何在Golang中使用replace替换模块_指定本地或远程路径  如何解决VPS建站LNMP环境配置常见问题？  开心动漫网站制作软件下载,十分开心动画为何停播？  公司网站制作需要多少钱,找人做公司网站需要多少钱？  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  建站主机如何安装配置？新手必看操作指南  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  C++用Dijkstra(迪杰斯特拉)算法求最短路径  动图在线制作网站有哪些,滑动动图图集怎么做？  建站主机选虚拟主机还是云服务器更好？  如何快速选择适合个人网站的云服务器配置？  建站主机核心功能解析：服务器选择与网站搭建流程指南  江苏网站制作公司有哪些,江苏书法考级官方网站？  如何选择高效稳定的ISP建站解决方案？  建站之星如何助力网站排名飙升？揭秘高效技巧  如何快速重置建站主机并恢复默认配置？  制作宣传网站的软件,小红书可以宣传网站吗？  如何在IIS7中新建站点？详细步骤解析  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？