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]); 
})
作者最新文章