您现在的位置是:网站首页 > 代码编程 > WEB前端WEB前端

【原】location.host 与 location.hostname 的区别

不忘初心 不忘初心 2019-07-20 围观() 评论() 点赞() WEB前端

简介:今天在给个人博客做防镜像处理的时候,用到了location中的host和hostname属性,以前没注意过二者之间的细节,导致在本机调试的时候,if校验一直通不过,百度之后才明白,写一篇文章来记录一下。

今天在给个人博客做防镜像处理的时候,用到了location中的host和hostname属性,以前没注意过二者之间的细节,导致在本机调试的时候,if校验一直通不过,百度之后才明白,写一篇文章来记录一下。

首先,我们弄清楚一件事情,在访问网站的时候,一般都是直接输入域名,并没有带上任何的端口,因为nginx之类的代理工具都是监听服务器的80端口,所以可以省略,这也直接导致一个现象,location中的host和hostname获取到的值是一样的。

location.host 与 location.hostname 的区别

当我们在本机测试的时候,针对localhost和127.0.0.1又是什么样的呢?

location.host 与 location.hostname 的区别

现在明白了,host是包含了端口的,而hostname没有包含端口,在本机做判断的时候,还是使用hostname会严谨很多,毕竟本地工程端口是随时都可能改动的!

jshosthostname

看完文章,有任何疑问,请加入群聊一起交流!!!

很赞哦! ()

文章评论

  • 请先说点什么
    人参与,条评论

请使用电脑浏览器访问本页面,使用手机浏览器访问本页面会导致下载文件异常!!!

雨落无影

关注上方公众号,回复关键字【下载】获取下载码

用完即删,每次下载需重新获取下载码

若出现下载不了的情况,请及时联系站长进行解决

站点信息

  • 网站程序:spring + freemarker
  • 主题模板:《今夕何夕》
  • 文章统计:篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们