js获取协议和域名哪个函数好？行家推荐必试工具！

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

最近折腾网站功能遇到个蛋疼事儿：想在页面上单独把网页开头的http或者https抓出来，顺便把域名也扒拉下来。本来以为不就一行代码的事儿么？结果一上手直接裂开。

第一步：试了最熟的老方法

我啪嗒啪嗒敲键盘，直接用和。心想这祖宗传下来的法子总不会翻车？本地测试唰唰的好使，协议、域名清清楚楚。结果部署到服务器一看傻眼：https环境下拿到的是http:，后面还多个冒号！域名倒是没毛病。差点一口老血喷屏幕上——这协议咋还带假冒伪劣的？

第二步：扭头试了URL对象

想着新东西可能靠谱点，换new URL()这玩意儿试试。代码这么写的：

const url = new URL(*);
const protocol = *;
const domain = *;

跑起来一看，protocol稳稳当当地返回了https:（包括冒号）。当时心里美滋滋，觉得这回稳了！结果翻代码文档发现个坑：hostname拿到的是纯域名，但protocol尾巴上黏着那个冒号像个狗皮膏药。强迫症当场发作——我就想要个干净的"https"，这还得手动切一刀？

第三步：行家掏出的私藏工具

郁闷得直薅头发时，搞前端的兄弟甩过来个骚操作：。这玩意儿以前真没咋注意过，抱着死马当活马医的心态试了一把：

页面哗吐出，好家伙！整整齐齐拼好的！当场想给这兄弟磕一个——protocol + '//' + hostname一键三连打包带走！要是非得拆开用，顺手切一刀：

const [protocol, domain] = *.split('://');

协议干干净净不带冒号，域名也利索。试了下在http、https、甚至本地localhost环境都能扛住。

结论

想要省事不拆包：*直接封神。要是非得分开用，祖宗得手动切掉冒号，域名照旧用。至于new URL()那玩意儿…麻烦程度翻倍，没事儿别瞎折腾！搞完发现组长早在项目文档里用上了origin，合着就我一人在这儿重新造轮子

上一篇: http网址怎么输入新手必知？基础步骤教你操作！

js获取协议和域名哪个函数好？行家推荐必试工具！

随便看看