个人笔记
blog.webpress.top

html显示访客ip的简单方法

静态网站纯js显示访客ip的简单方法,不需要php哦

方法一:

1
2
3
4
5
6
<p class="showip"><span>您的IP为:</span><span id="span_ip">加载中...</span>&nbsp;&nbsp;<span>所在区域:</span><span id="span_add">加载中...</span></p>
<script src="https://pv.sohu.com/cityjson"></script>
<script  type="text/javascript">
document.getElementById("span_ip").innerHTML=returnCitySN["cip"];
document.getElementById("span_add").innerHTML=returnCitySN["cname"];
</script>

方法二:

1
2
3
4
5
6
7
8
9
10
11
12
13
<p class="showip"><span>您的IP为:</span><span id="span_ip">加载中...</span>&nbsp;&nbsp;<span>所在区域:</span><span id="span_add">加载中...</span></p>
<script src="/js/jquery_2.1.1.min.js"></script>
<script>
$.ajax({
        url: "http://tool.chinaz.com/getip.aspx",
    type: "GET",
    dataType: 'JSONP',
    success: function(result) {
        $('#span_ip').text(result.ip)
        $('#span_add').text(result.address)
    }
});
</script>

方法一的特别优势是接口链接是https的,使用了不会变成灰色

赞赏

微信赞赏支付宝赞赏

未经允许不得转载:http://blog.webpress.top        WebPress » html显示访客ip的简单方法
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址