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


Posted in Javascript onDecember 19, 2016

先以“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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
javascript中注册和移除事件的4种方式
Mar 20 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
JS获取随机数函数可自定义最小值最大值
May 08 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
JS产生随机数的用法小结
Dec 10 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
May 08 Javascript
通过js实现压缩图片上传功能
Feb 25 Javascript
JS数组转字符串实现方法解析
Sep 04 Javascript
vue 如何使用递归组件
Oct 23 Javascript
原生JavaScript实现购物车
Jan 10 Javascript
使用js原生实现年份轮播选择效果实例
Jan 12 Javascript
js封装tab标签页实例分享
Dec 19 #Javascript
jQuery焦点图轮播效果实现方法
Dec 19 #Javascript
JS实现焦点图轮播效果的方法详解
Dec 19 #Javascript
jQuery拖拽通过八个点改变div大小
Nov 29 #Javascript
jQuery网页定位导航特效实现方法
Dec 19 #Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 #Javascript
详解jQuery lazyload 懒加载
Dec 19 #Javascript
You might like
PHP小程序自动提交到自助友情连接
2009/11/24 PHP
php表单请求获得数据求和示例
2014/05/15 PHP
php中Snoopy类用法实例
2015/06/19 PHP
PHP中子类重载父类的方法【parent::方法名】
2016/05/06 PHP
PHP中利用sleep函数实现定时执行功能实现代码
2016/08/25 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
Laravel基础_关于view共享数据的示例讲解
2019/10/14 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
jquery select 设置默认选中的示例代码
2014/02/07 Javascript
JavaScript转换与解析JSON方法实例详解
2015/11/24 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
微信小程序页面开发注意事项整理
2017/05/18 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
[02:32]DOTA2英雄基础教程 祸乱之源
2013/12/23 DOTA
python通过opencv实现批量剪切图片
2017/11/13 Python
python+pandas分析nginx日志的实例
2018/04/28 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
python write无法写入文件的解决方法
2019/01/23 Python
PyTorch的SoftMax交叉熵损失和梯度用法
2020/01/15 Python
python实现简单飞行棋
2020/02/06 Python
python获取整个网页源码的方法
2020/08/03 Python
详解css3自定义滚动条样式写法
2017/12/25 HTML / CSS
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
大学生入党思想汇报
2014/01/14 职场文书
毕业自我评价
2014/02/05 职场文书
高中军训第一天感言
2014/03/06 职场文书
小学母亲节活动方案
2014/03/14 职场文书
研究生考核个人自我鉴定
2014/03/27 职场文书
校园主题婚礼活动策划方案
2014/09/15 职场文书
幼儿园父亲节活动总结
2015/02/12 职场文书
2015年大学班级工作总结
2015/04/28 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题