详解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 相关文章推荐
JQUERY的属性选择符和自定义选择符使用方法(二)
Apr 07 Javascript
jQuery数组处理方法汇总
Jun 20 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 Javascript
jQuery实现图片文字淡入淡出效果
Dec 21 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 Javascript
jQuery简单注册和禁用全局事件的方法
Jul 25 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
Bootstrap实现下拉菜单多级联动
Nov 23 Javascript
javaScript字符串工具类StringUtils详解
Dec 08 Javascript
vue proxy 的优势与使用场景实现
Jun 15 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
Sep 16 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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
php编写的简单页面跳转功能实现代码
2013/11/27 PHP
很多人都是用下面的js刷新站IP和PV
2008/09/05 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
2010/06/25 Javascript
简单实用的js调试logger组件实现代码
2010/11/20 Javascript
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
JS实现图片平面旋转的方法
2016/03/01 Javascript
js正则表达式注册页面表单验证
2016/10/11 Javascript
Javascript 实现放大镜效果实例详解
2016/12/03 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
2017/02/13 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
2018/06/14 Javascript
浅谈React碰到v-if
2018/11/04 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
javascript中的this作用域详解
2019/07/15 Javascript
vue实现pdf文档在线预览功能
2019/11/26 Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
2020/08/03 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
2020/08/28 Javascript
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
python基础教程之元组操作使用详解
2014/03/25 Python
python绘图方法实例入门
2015/05/19 Python
python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法
2020/02/14 Python
利用html5的websocket实现websocket聊天室
2013/12/12 HTML / CSS
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
365 Tickets英国:全球景点门票
2019/07/06 全球购物
荷兰浴室和卫浴网上商店:Badkamerxxl.nl
2020/10/06 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
ORACLE十问
2015/04/20 面试题
电子商务专业在校生实习自我鉴定
2013/09/29 职场文书
印刷工程专业应届生求职信
2013/09/29 职场文书
给全校老师的建议书
2014/03/13 职场文书
2015年行政人事部工作总结
2015/05/13 职场文书
初婚初育证明范本
2015/06/18 职场文书
logback 实现给变量指定默认值
2021/08/30 Java/Android
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL
Python pyecharts案例超市4年数据可视化分析
2022/08/14 Python