当前位置: 首页 > article >正文

获取当前页面的url相关信息

引言:如何通过javascript获取当前html页面的链接信息

let currentUrl = window.location.href;  
let protocol = window.location.protocol; // 协议  
let host = window.location.host; // 主机名和端口  
let hostname = window.location.hostname; // 主机名  
let port = window.location.port; // 端口  
let pathname = window.location.pathname; // 路径  
let search = window.location.search; // 查询字符串  
let hash = window.location.hash; // 锚点  
let base_url = protocol + "//" + host + "/";

console.log('currentUrl:' +currentUrl);  
console.log("Protocol: " + protocol);  
console.log("Host: " + host);  
console.log("Hostname: " + hostname);  
console.log("Port: " + port);  
console.log("Pathname: " + pathname);  
console.log("Search: " + search);  
console.log("Hash: " + hash);  
console.log('base_url == ' + base_url);

运行结果如下:


http://www.kler.cn/a/507062.html

相关文章:

  • 【Git 】探索 Git 的魔法——git am 与补丁文件的故事
  • 【JavaScript】基础内容,HTML如何引用JavaScript, JS 常用的数据类型
  • C语言结构体漫谈:从平凡中见不平凡
  • 图论的起点——七桥问题
  • Scala语言的多线程编程
  • 《自动驾驶与机器人中的SLAM技术》ch4:预积分学
  • 万物互联的背后:MCU嵌入式硬件的奇幻之旅
  • 理解CPU负载与使用率
  • Java语言的数据结构
  • 电力场景红外测温图像绝缘套管分割数据集labelme格式2436张1类别
  • C++ QT 自绘呼吸灯
  • SpringSecurity详解
  • Java语言的软件工程
  • Python----Python高级(面向对象:对象,类,属性,方法)
  • wireshark抓路由器上的包 抓包路由器数据
  • Vue.js组件开发-如何实现表头搜索
  • 如何在谷歌浏览器中创建自动化工作流
  • web漏洞扫描有什么作用?web漏洞扫描原理
  • React 第三方状态管理库相关 -- Jotai 篇
  • Mysql--实战篇--大数据量表的分页优化(自增长主键,子查询主键主查询全部,查询条件加索引,覆盖索引等)
  • 如何使用wireshark 解密TLS-SSL报文
  • 深度学习-84-RAG技术之Facebook AI Similarity Search工具Faiss基础应用示例
  • 【单片机开发 - STM32(H7)】启动流程、方式、烧录方式详解
  • JS Clipboard API
  • 本地部署Web-Check网站检测与分析利器并实现远程访问实时监测
  • python爬虫笔记