关于地址栏url的一些小结
2024-10-08 20:53:11
1.获取整个地址栏地址
//获取整个地址栏地址
var href = window.location.href;
console.log(href);
以上代码就是获取整个url地址
2.获取url协议部分
//获取url协议部分
var protocol = window.location.protocol;
console.log(protocol);
如果url为http://www.baidu.com,则window.location.protocol就是http:
3.获取主机部分
//获取主机部分(带端口号)
var host = window.location.host;
console.log(host);
如果url为http://www.baidu.com/test.htm...,或者url地址为http://192.1.1.1:1111/test/test.html,则window.location.host为192.1.1.1:1111如果有端口号,端口号也是要带上的
//获取主机部分(不带端口号)
var hostname = window.location.hostname;
console.log(hostname);
url地址为http://192.1.1.1:1111/test/test.html,则hostname为192.1.1.1
4.获取端口号
//获取端口号
var port = window.location.port;
console.log(port);
url地址为http://192.1.1.1:1111/test/test.html,则window.location.port为1111
5.获取url部分路径
//获取部分路径
var pathname = window.location.pathname;
console.log(pathname);
url地址为http://192.1.1.1:1111/test/test.html?a=1,则window.location.pathname为/test/test.html,也就是主机部分后面到参数部分前面的就是pathname
6.获取url参数部分
//参数部分
var search = window.location.search;
console.log(search);
url地址为http://192.1.1.1:1111/test/test.html?a=1&b=2,则search值为?a=1&b=2
7.获取锚点
//获取锚点
var hash = window.location.hash;
console.log(hash);
url地址为http://192.1.1.1:1111/test/test.html?a=1&b=2#1,则hash为#1
最新文章
- Android基础总结(三)
- My Baits入门(一)mybaits环境搭建
- JAVA中JDBC连接数据库
- LINUX 自动备份脚本文件
- 《软件工程》individual project开发小记(一)
- poj 2010 Moo University - Financial Aid
- 【转载】TCP协议疑难杂症全景解析
- 6.vue如何上传到svn
- Windows下python2.7安装64位mysqlclient
- VUE v-for问题
- 什么是GPIO?
- pom中Maven插件 配置 maven-dependency-plugin maven-surefire-plugin
- python基础自学 第二天
- go websocket
- Python logging模块简介
- Linux pwn入门教程(2)——shellcode的使用,原理与变形
- 前端面试题整理——javaScript部分
- 约瑟夫环(Joseph)的高级版(面向事件及“伪链表””)
- Java——如何创建文件夹及文件,删除文件,文件夹
- Centos 安装jdk jre