详解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 基础学习笔记之文档处理
May 29 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
node.js中的fs.write方法使用说明
Dec 15 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
Mar 06 Javascript
bootstrap 点击空白处popover弹出框隐藏实例
Jan 24 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
JavaScript中var的重要性实例分析
Jul 09 Javascript
vue自定义switch开关组件,实现样式可自行更改
Nov 01 Javascript
JavaScript获取当前url路径过程解析
Dec 27 Javascript
JS中FileReader类实现文件上传及时预览功能
Mar 27 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写的带缓存数据功能的mysqli类
2012/09/06 PHP
PHP将HTML转换成文本的实现代码
2015/01/21 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
php实现文章评论系统
2019/02/18 PHP
thinkphp5.1框架模板布局与模板继承用法分析
2019/07/19 PHP
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
让浏览器非阻塞加载javascript的几种方法小结
2011/04/25 Javascript
js验证整数加保留小数点的简单实例
2013/12/02 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
2016/11/21 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
2018/01/20 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
python解析发往本机的数据包示例 (解析数据包)
2014/01/16 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
python自动发送邮件脚本
2018/06/20 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
Python3网络爬虫中的requests高级用法详解
2019/06/18 Python
Python类继承和多态原理解析
2020/02/05 Python
Python3实现监控新型冠状病毒肺炎疫情的示例代码
2020/02/13 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
Django中FilePathField字段的用法
2020/05/21 Python
Pycharm 如何一键加引号的方法步骤
2021/02/05 Python
CSS3新增布局之: flex详解
2020/06/18 HTML / CSS
HTML5 File接口在web页面上使用文件下载
2017/02/27 HTML / CSS
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
KIKO美国官网:意大利的平价彩妆品牌
2017/05/16 全球购物
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
乔迁宴答谢词
2014/01/21 职场文书
烹饪大赛策划方案
2014/05/26 职场文书
环境科学专业求职信
2014/08/04 职场文书
珍爱生命主题班会
2015/08/13 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
Python中tqdm的使用和例子
2022/09/23 Python