前言

日常浏览网页时，经常会遇到在网页下方出现访问者的ip地址，可这ip地址是怎么实现的呢？？

搜狐接口获取IP

<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript">  
  console.log('通过搜狐接口获取本机IP', window.returnCitySN);
</script>
<!-- 显示内容 -->
<script type="text/javascript">document.write(returnCitySN["cip"] + '  ' + returnCitySN["cname"])</script>

结果：

var returnCitySN = {“cip”: “127.0.0.1”, “cid”: “00”, “cname”: “未知”};

太平洋网接口获取IP

<script>
  function ipJson(ipJson) {
    console.log('通过太平洋接口获取本机IP', ipJson);
    window.ipObject = ipJson; //将结果存储到window上
  }
</script>
<script src="https://whois.pconline.com.cn/ipJson.jsp?callback=ipJson" type="text/javascript"></script>
<!-- 显示内容 -->
<script type="text/javascript">document.write(ipObject["ip"] + returnCitySN["addr"])</script>

结果：

if(window.ipJson) {ipJson({
“ip”:”39.71.123.123”,
“pro”:”山东省”,
“proCode”:”370000”,
“city”:”济南市”,
“cityCode”:”370100”,
“region”:””,
“regionCode”:”0”,
“addr”:”山东省济南市联通”,
“regionNames”:””,
“err”:””
});}

ipify接口获取IP

<script type="application/javascript">
    function getIP(json) {
        console.log('通过搜狐接口获取本机IP', json.ip);
    }
</script>
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>