window.location系列

最新推荐文章于 2025-07-04 15:20:03 发布

*拯

最新推荐文章于 2025-07-04 15:20:03 发布

阅读量401

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端 js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_46570160/article/details/120021188

前端同时被 2 个专栏收录

31 篇文章

订阅专栏

8 篇文章

订阅专栏

本文详细介绍了window.location对象的各项属性，如origin、host、href等，帮助开发者理解如何动态获取和解析网页URL的不同部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.location系列解析

效果图为:

在这里插入图片描述

亲们，自己也可以在控制台里面自己试试加粗样式

代码内容：


window.location.origin( 可用来动态获取接口 ( 获取传参前的url ) )

结果为："http://localhost:8083"

window.location.host( 获取域名 + 端口号 )

结果为："localhost:8083"

window.location.href( 当前的url )

结果为："http://localhost:8083/#/Order"

window.location.protocol( 协议 )

结果为：http

window.location.hostname( 域名 )

结果为：localhost

window.location.port( 端口 )

结果为：8083

window.location.pathname

结果为：/

window.location.search

结果为：""