码迷,mamicode.com
首页 > Web开发 > 详细

JS读取本地IP地址信息

时间:2017-03-30 17:06:07      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:back   .com   order   http   one   pointer   query   innerhtml   cto   

 

HTML

<div>
        <p>点击下面的按钮,查看本地IP信息</p>
        <span class="span">点击查看</span>
        <p class="cip"></p>
        <p class="cid"></p>
        <p class="cname"></p>
    </div>

 

CSS

    html,body{
            height: 100%;
        }
        body{
            margin: 0
        }
        div{
            padding-left: 50px;
        }
        .span{
            padding: 5px 15px;
            background: #177ad8;
            color: #fff;
            font-size: 14px;
            text-decoration: none;
            border-radius: 7px;
            cursor: pointer;
        }

 

JavaScript

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
    var ipspan =document.querySelector(".span");
    ipspan.onclick =function(){
        document.querySelector(".cip").innerHTML =returnCitySN[‘cip‘];
        document.querySelector(".cid").innerHTML =returnCitySN[‘cid‘];
        document.querySelector(".cname").innerHTML =returnCitySN[‘cname‘];
    }
</script>

 

这个接口是搜狐的目前是可用的, 就是不知道以后会不会失效

 

JS读取本地IP地址信息

标签:back   .com   order   http   one   pointer   query   innerhtml   cto   

原文地址:http://www.cnblogs.com/wyhlightstar/p/6646887.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!