JavaScript 获取客户端 IP 地址的三种常用方案
作者:半夏时间:2026-10-28 12:43:25浏览:184
本文总结了JavaScript获取用户IP地址的三种常见方法。第一种通过搜狐城市接口返回城市JSON;第二种利用腾讯IP接口直接输出IP与归属地;第三种结合jQuery与腾讯接口,将获取到的IP及地址信息赋值给页面表单元素。
基于搜狐接口的IP获取方法
第一种方法是通过搜狐的城市接口来获取IP地址。具体实现是引入搜狐提供的城市JSON脚本,该脚本会自动定义一个包含城市信息的对象,随后通过JavaScript代码将该对象的IP字段输出到文档中。
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/<A class=infotextkey href="https://www.jb51.net/" target=_blank>javascript</A>">
document.write(returnCitySN["cip"]+','+returnCitySN["cname"])
</script>
基于腾讯接口的直接输出方法
第二种方法利用腾讯提供的IP接口。首先引入腾讯的IP地址脚本,该脚本会定义一个IPData数组。接着使用JavaScript代码直接写入字符串,拼接显示用户的IP地址(取自IPData数组的第一个元素)以及所属地区(取自IPData数组的第二个元素)。
<script language="javascript" type="text/javascript" src="http://fw.qq.com/ipaddress">
</script>
<script>document.write("你的IP是:"+IPData[0]+",来自:"+IPData[2]);
</script>
结合jQuery与腾讯接口的表单赋值方法
3,js取得ip地址的方法三,腾讯IP,转UTF-8:8
<script type="text/javascript" src="http://fw.qq.com/ipaddress" charset="gb2312"></script>
$(document).ready(function() {
$("#ip").val(IPData[0]);
$("#add").val(IPData[2]);
})
作者最新文章
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗?let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解:基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13
