js获取当前网站域名要注意什么？避免常见错误！

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

前两天我在捣鼓一个小项目，需求是从网址里弄出当前域名来用。

一开始我傻乎乎地直接用了*，想着这不简单嘛手一哆嗦就写了行代码：。

结果在本地测试时好好的，传到线上就乱套了。用户打开页面，某些情况下域名后面带了个端口号，全给塞进结果里了。浏览器报错了，页面直接挂了，用户电话都打爆了。

我当时懵了，赶紧翻找文档。

折腾半天，发现*只给基本域名，不带协议也不带端口。

但这还不够，不同浏览器搞不定兼容性问题。

后来我学聪明了，换了个法子用*。

我试了试，结果返回带协议的完整东西。但问题来了，http和https混着用，有时secure属性没处理

我在测试机上各种跳转，跳来跳去弄废了好几次。

具体过程真费劲：先写个简单的html页面，用Chrome调DevTools，反复刷新。

我发现老版本IE还捣乱，用*直接报undefined。

这时候心都凉了。

没办法，只能退回去搞* + "//" + *。

这组合看着稳当些。

但又出新毛病——当网址里有路径或查询参数时，它全算进去了。

琢磨来琢磨去，找到几个必须躲开的坑。

要避开的第一大错

另外注意环境切换，我当时在测试阶段忘了模拟线上，搞出生产事故。

还有更坑爹的，域名里带下划线或特殊字符，直接给你解析乱套。

我就这么一步步折腾，反复出错、打补丁、再测试，前后花了两三天，总算搞定了。

记住这几个地方别大意：

现在回看，全是血泪教训。