js获取ip和地区
更新时间：2017年03月10日 08:42:53 作者：qq2020
本文主要介绍了js获取ip和地区的方法，具有很好的参考价值。下面跟着小编一起来看下吧
这个接口是搜狐的目前是可用的, 就是不知道以后会不会失效
效果图：
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>t1</title>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
<style>
/* css reset */
body,p,ol,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,iframe,nav,header,footer {
margin: 0;
padding: 0;
list-style: none;
}
body {
font: 16px Microsoft YaHei, sans-serif;
color: #2a2b2c;
background: #fff;
}
a,img {
text-decoration: none;
color: #2a2b2c;
border: 0;
}
*, *::before, *::after {
outline: none;
box-sizing: border-box;
}
.xxx-btn {
display: block;
width: 100px;
height: 38px;
font: 16px/38px Microsoft YaHei;
color: #fff;
background: #0cf;
border: 0;
cursor: pointer;
text-align: center;
border-radius: 2px;
box-shadow: 0 1px 5px #bbb;
opacity: .8;
transition: .5s;
}
.xxx-btn:hover {
opacity: 1;
box-shadow: 0 1px 10px #aaa;
}
</style>
</head>
<body>
<h1>点击获取ip</h1>
<br>
<button class="xxx-btn" onclick="aa()">click me</button>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
function aa() {
alert(returnCitySN['cip'] + returnCitySN['cname']);
};
</script>
</body>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了用js如何实现将手机号中间的几位数字变成**** _,今天，我们要实现一个很常见并且简单的功能如何将手机号中间的几位数变成****，需要的朋友可以参考下2023-09-09
下面小编就为大家带来一篇浅谈JavaScript变量的自动转换和语句。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章介绍了复制到剪切板js代码，有需要的朋友可以参考需要2013-06-06
这篇文章主要为大家介绍了tsc性能优化Project References使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
avalon是国内最强大的MVVM框架，最近小编在高购物车的项目，我们是用avalon来实现一些模块的，所以顺其自然的用avalon来实现购物车。接下来通过本文给大家分享Avalonjs 实现简单购物车功能的实例代码，需要的的朋友参考下2017-02-02
这篇文章主要介绍了js实现非常简单的焦点图切换特效,是一个非常简单的js焦点图切换效果,涉及javascript操作鼠标事件与图片的相关技巧,需要的朋友可以参考下2015-05-05
本文给大家分享了es6的7个实用技巧，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2018-01-01
在js中对象的外在表现形式为函数。2009-11-11
这篇文章主要介绍了js常用分割取字符串的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要为大家详细JavaScript中this指向的简单理解，感兴趣的小伙伴们可以参考一下2016-08-08
最新评论