在JavaScript中获取主机IP

最新推荐文章于 2025-07-06 06:45:00 发布

m0_38063172

最新推荐文章于 2025-07-06 06:45:00 发布

阅读量4.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 JavaScript 文章标签： JavaScripe location 主机IP

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/m0_38063172/article/details/83988679

前端同时被 2 个专栏收录

7 篇文章

订阅专栏

4 篇文章

订阅专栏

本文分享了一位开发者在部署网页小游戏到服务器时遇到的问题及解决方案。由于前端JS中WebSocket的IP被硬编码为localhost，导致游戏无法正常运行。通过使用window.location对象，作者找到了获取服务器IP和端口的方法，避免了硬编码，确保了游戏在不同环境下都能顺利运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写了个网页小游戏，在自己电脑上测试没问题之后部署到了服务器上面，结果发现不行，原来是因为前端网页的js代码里面把websocket的ip硬编码成了localhost，也可以直接在服务器上面把websocket的IP写成服务器IP，但是本着避免硬编码的想法，在谷歌上面搜了一下获取主机IP的方法。

location.host
一开始显示的结果是这个，但是这个只能获取IP，我服务器上面tomcat用的80端口，自己电脑上面的tomcat用的8080端口，岂不是以后还要改一次端口，不行，我懒，我不能忍。继续搜怎么获取端口号。
window.location
JavaScript中的window.location对象可以用来获取当前页面的URL和相关的一些东西。
例如：

window.location.href返回当前页面的href
window.location.hostname返回当前页面所在web服务器的域名
window.location.protocol返回当前页面使用的协议
window.location.port返回当前页面所在web服务器使用的端口号：如果使用的是默认端口（HTTP用80，HTTPS用443），大部分浏览器会显示0或者不显示。
window.location.pathname返回当前页面的路径名称。

博客等级

码龄8年

48
原创

153
点赞

425
收藏

26
粉丝

关注

私信

热门文章

分类专栏

笔记
Java 20篇
python 4篇
数据库 5篇
算法 2篇
Web开发 6篇
前端 7篇
吾生也有涯技术也无涯 3篇
servlet 1篇
后端 6篇
Linux 8篇
开发工具 1篇
服务器 4篇
MySQL 3篇
JavaScript 4篇
网络 1篇
计算机基础 2篇
脚本语言 1篇
Spring Boot 3篇

展开全部收起

上一篇：: alternatives

下一篇：: dig命令

最新评论

在类的内部使用类中属性时，类名.属性名和self.属性名的异同
Demo兔: 谢谢分享
在Spring-Boot中使用@Value注解注入集合类
m0_51125152: 你好 list加map如何注入
python中的super函数及MRO
这个总没人用吧: [code=python] class A(): def __init__(self, name, age): print("Eneter A") self.name = name self.age = age self.sex = 'male' print("leave A") class B(A): def __init__(self, name, age, height): print("Enter B") super().__init__(name, age) self.height = height print("leave B") class C(A): def __init__(self, name, age, color, *args): print("Enter C") super().__init__(name, age, *args) self.color = color print("leave C") class D(C, B): def __init__(self, name, age, height, color, weight): print("enter D") super(D, self).__init__(name, age, color, height) self.weight = weight print("leave D") xm = D('xiaoming', 18, '170cm', 'White', '70kg') print(xm.name, xm.age, xm.height, xm.color, xm.weight ) [/code]
python中的super函数及MRO
这个总没人用吧: [code=python] class A(): def __init__(self, name, age): print("Eneter A") self.name = name self.age = age self.sex = 'male' print("leave A") class B(A): def __init__(self, name, age, height): print("Enter B") self.height = height print("leave B") class C(A): def __init__(self, name, age, color): print("Enter C") super(B, self).__init__(name, age) self.color = color print("leave C") class D(C, B): def __init__(self, name, age, height, color, weight): print("enter D") super(D, self).__init__(name, age, color) B.__init__(self, name, age, height) self.weight = weight print("leave D") xm = D('xiaoming', 18, '170cm', 'White', '70kg') print(xm.name, xm.age, xm.height, xm.color, xm.weight ) [/code]
python中的super函数及MRO
不务正业的土豆: 很清楚，理解拓扑排序就知道MRO了

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。