js获取url域名怎么做？(5步轻松掌握完整过程)

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

昨天做网站时候碰到个需求，得把当前页面的域名单独抠出来用。心想这玩意儿应该贼简单？结果翻文档时候发现方法还挺多，折腾了俩钟头才整明白。今天就把我踩的坑跟最终方案捋一遍，拢共五步，包教包会！

第一步：先逮住当前网页地址

打开编辑器哐哐开敲：。这玩意儿我熟，每次在浏览器地址栏看见的那串东西全能抓到。F12打开控制台试了下，好家伙*:8080/aaa?name=张三这么一长串直接糊脸上了。

第二步：上剪子！上剪子！

眼见着URL对象这工具挺趁手，直接new URL(*)给它框住。这时候掏出小本本记重点：host属性能把域名连端口号一起薅出来！手贱试了把，结果蹦出来个*:8080——端口号这拖油瓶咋还在？

试过直接拆分字符串：*('//')[1].split('/')[0]
试过：和URL对象一个德行
端口号像狗皮膏药似的甩不掉，气得我狂啃半包辣条

第三步：发现新大陆

薅头发时候突然瞟见文档底下有行小字：hostname！哆嗦着手敲了，浏览器缓缓吐出——成了！端口号这个老六终于消失了。

第四步：上保险栓

刚想收工突然背后一凉：要是网址带中文咋整？赶紧搞个测试链接http://中国.*/汉字路径。战战兢兢看控制台——这串乱码是啥玩意儿？琢磨半天才反应过来：URL对象会自动把中文域名转成punycode编码，倒是省得自己折腾编码转换了。

第五步：终极封装

搓了个万金油方法：

function 抠域名(){

const 地址 = new URL(*);
return 地址.hostname;

随手测了几个奇葩地址：

https://user:pass@子域名.*:9999/ → 稳稳返回

http://localhost:3000 → localhost干净利落

带下划线的域名这种妖魔鬼怪也顺利过关

完事儿发现冰箱里啤酒喝光了，摸黑下楼买酒时候还在琢磨：当初要是直接搜“hostname”这关键词，哪用浪费那两小时！不过转念一想——踩坑踩出来的经验，可比抄现成答案记得牢多了。

上一篇

怎样找到正规靠谱的市制作标书公司？这份挑选秘籍请务必收好！

下一篇

暂无

随便看看

湖南铁路建设投资有限公司官网有哪些服务？三大功能助您投资！ 发布日期： 2025-10-14

wap网址现在还流行吗？手机网站的最新趋势解读！ 发布日期： 2025-11-03

品牌宣传推广成功案例哪里看？真实客户经验分享 发布日期： 2025-10-26

天津网站建设公司，如何选择合适的报价 发布日期： 2025-10-29

企业网站网站优化，网站内容应该怎么写 发布日期： 2025-11-02