JS读取本地IP地址信息

最新推荐文章于 2024-07-10 15:19:26 发布

weixin_30357231

最新推荐文章于 2024-07-10 15:19:26 发布

阅读量242

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wyhlightstar/p/6646887.html

版权

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>

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

转载于:https://www.cnblogs.com/wyhlightstar/p/6646887.html