详解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中的Split使用方法与技巧
Mar 09 Javascript
javascript模仿msgbox提示效果代码
Jun 10 Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 Javascript
网页中可关闭的漂浮窗口实现可自行调节
Aug 20 Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
解析JavaScript中的字符串类型与字符编码支持
Jun 24 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
Dec 23 Javascript
微信小程序 跳转传递数据的实例
Jul 06 Javascript
vue 图片裁剪上传组件的实现
Nov 12 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 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
wordpress之wp-settings.php
2007/08/17 PHP
PHP使用range协议实现输出文件断点续传代码实例
2014/07/04 PHP
PHP文件操作方法汇总
2015/07/01 PHP
Joomla简单判断用户是否登录的方法
2016/05/04 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
2017/04/04 PHP
Javascript 获取链接(url)参数的方法
2009/02/15 Javascript
ExtJS4中使用mixins实现多继承示例
2013/12/03 Javascript
xmlhttp缓存清除的2种解决方法
2013/12/13 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
JavaScript+H5实现微信摇一摇功能
2018/05/23 Javascript
JS基于开关思想实现的数组去重功能【案例】
2019/02/18 Javascript
Vue项目总结之webpack常规打包优化方案
2019/06/06 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
2019/06/17 Javascript
nodejs中各种加密算法的实现详解
2019/07/11 NodeJs
Vue实现点击显示不同图片的效果
2019/08/10 Javascript
小程序实现投票进度条
2019/11/20 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
python tornado微信开发入门代码
2018/08/24 Python
python 判断linux进程,并杀死进程的实现方法
2019/07/01 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
Python新手学习装饰器
2020/06/04 Python
Python代码覆盖率统计工具coverage.py用法详解
2020/11/25 Python
关于廉洁的广播稿
2014/01/30 职场文书
创业计划书模版
2014/02/05 职场文书
村干部四风问题整改措施
2014/09/30 职场文书
工作检讨书大全
2015/01/26 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
新郎接新娘保证书
2015/05/08 职场文书
律师催款函范文
2015/06/24 职场文书
新员工入职感想
2015/08/07 职场文书
十一月早安语录:把心放轻,人生就是一朵自在的云
2019/11/04 职场文书
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript
Python实现信息管理系统
2022/06/05 Python
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL