js获取当前url域名怎么操作？一看就会的实用技巧！

发布日期： 2025-12-24 阅读量： 作者： admin

今天摸鱼搞前端项目，正做到页面跳转这块儿，突然卡壳了——我得拿到当前页面的域名才能继续。网上搜了一圈方法五花八门，自己踩了几个坑才整明白，直接记录最稳当的操作。

第一步：暴力拆解网址（翻车现场）

刚开始我想得太简单，直接把浏览器地址栏的网址当字符串处理。手写了个这玩意儿：

*.split('/')[2]

乍一看还行，测试链接"购物网站.com/女装"的时候，确实能抠出"购物网站.com"。结果隔壁组老王扔过来一个带端口号的测试地址"测试站.com:8080/订单"，程序当场裂开——split完给我返回"测试站.com:8080"，端口号跟着域名混一块儿了，这还搞毛线！

蹲厕所刷手机时突然想起来，JS 自带个对象。赶紧翻了文档，发现这玩意儿简直就是网址解剖器：

当时激动得拍大腿——hostname不就是我要的纯域名吗？！当场敲代码测试：

*("测试地址：" + *);

无论是"博客.com"还是"内网服务器:3000"，打印出来全是干干净净的域名，端口号自动消失。稳！

后来项目里要兼容IE老古董，发现这写法从远古时期就支持。现在只要在JS里塞这行代码：

const 当前域名 = *;

亲测本地开发环境、线上服务器、手机浏览器全都没毛病。甚至域名里带中文的奇葩情况（比如"中文.网址"）都能正常抓出来，根本不用折腾什么字符串切割。

多嘴一句：要是想连协议一起用（比如判断http还是https），直接捞就行。这玩意儿比网上那些野生教程靠谱多了，兄弟们闭眼抄作业！