当前位置: 首页 > 编程笔记 >

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

乐正远航
2023-03-14
本文向大家介绍详解javascript获取url信息的常见方法,包括了详解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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持小牛知识库!

 类似资料:
  • 本文向大家介绍php获取图片信息的方法详解,包括了php获取图片信息的方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php获取图片信息的方法。分享给大家供大家参考,具体如下: getimagesize() 函数将测定任何 GIF,JPG,PNG,SWF,SWC,PSD,TIFF,BMP,IFF,JP2,JPX,JB2,JPC,XBM 或 WBMP 图像文件的大小并返回图像的尺寸以

  • 本文向大家介绍JavaScript获取URL中参数querystring的方法详解,包括了JavaScript获取URL中参数querystring的方法详解的使用技巧和注意事项,需要的朋友参考一下 一. 获取url的querystring参数 获取url的querystring参数的两种方法如下: 1.1 方法一:正则匹配 对于 http://localhost/index.html?q1=ab

  • 本文向大家介绍JavaScript获取页面元素的常用方法详解,包括了JavaScript获取页面元素的常用方法详解的使用技巧和注意事项,需要的朋友参考一下 1、通过标签获取元素,返回一个数组 2、通过id获取页面元素 3、通过class名字获取页面元素 4、通过CSS选择符方式获取页面元素 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍详解grep获取MySQL错误日志信息的方法,包括了详解grep获取MySQL错误日志信息的方法的使用技巧和注意事项,需要的朋友参考一下 为方便维护MySQL,写了个脚本用以提供收集错误信息的接口。这些错误信息来自与MySQL错误日志,而 通过grep mysql可以获取error-log的路径。 以下是全部相关代码: 有兴趣的朋友们参考学习下,感谢大家对呐喊教程的支持。

  • 本文向大家介绍javascript 使用sleep函数的常见方法详解,包括了javascript 使用sleep函数的常见方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript 使用sleep函数的常见方法。分享给大家供大家参考,具体如下: 一.什么是sleep函数? 花一点时间来聊一下sleep函数,首先什么是sleep函数? sleep是一种函数,他的作用是使程序

  • 本文向大家介绍StackTraceElement获取方法调用栈信息实例详解,包括了StackTraceElement获取方法调用栈信息实例详解的使用技巧和注意事项,需要的朋友参考一下 本文研究的主要是StackTraceElement获取方法调用栈信息的相关内容,具体介绍和实例如下。 一、什么是StackTrace StackTrace(堆栈轨迹)存放的就是方法调用栈的信息,异常处理中常用的pri