js获取ip和地区


Posted in Javascript onMarch 10, 2017

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

效果图:

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>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
利用fecha进行JS日期处理
Nov 21 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
js如何获取网页所有图片
May 12 Javascript
angular学习之从零搭建一个angular4.0项目
Jul 10 Javascript
vue加载完成后的回调函数方法
Sep 07 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
Dec 05 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
Dec 13 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 Javascript
vue里使用create, mounted调用方法
Apr 26 Vue.js
Vue.js bootstrap前端实现分页和排序
Mar 10 #Javascript
JavaScript组件开发之输入框加候选框
Mar 10 #Javascript
原生javascript移动端滑动banner效果
Mar 10 #Javascript
jQuery弹出窗口简单实现代码
Mar 09 #Javascript
JavaScript实现弹窗效果代码分析
Mar 09 #Javascript
详解Vue方法与事件
Mar 09 #Javascript
Vue实现自带的过滤器实例
Mar 09 #Javascript
You might like
用PHP实现多级树型菜单
2006/10/09 PHP
PHP FATAL ERROR: CALL TO UNDEFINED FUNCTION BCMUL()解决办法
2014/05/04 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
php实现多站点共用session实现单点登录的方法详解
2019/09/18 PHP
laravel按天、按小时,查询数据的实例
2019/10/09 PHP
javascript 设为首页与加入收藏兼容多浏览器代码
2011/01/11 Javascript
用js实现控件的隐藏及style.visibility的使用
2013/06/14 Javascript
js键盘上下左右键怎么触发function(实例讲解)
2013/12/14 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
vue-cli+webpack记事本项目创建
2017/04/01 Javascript
Node.js服务器开启Gzip压缩教程
2017/08/11 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
微信小程序 input表单与redio及下拉列表的使用实例
2017/09/20 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
2017/10/26 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
2018/07/24 Javascript
axios的拦截请求与响应方法
2018/08/11 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
python实现kNN算法
2017/12/20 Python
详解python字节码
2018/02/07 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
3分钟学会一个Python小技巧
2018/11/23 Python
对python:threading.Thread类的使用方法详解
2019/01/31 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
python调用API接口实现登陆短信验证
2020/05/10 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
python tkiner实现 一个小小的图片翻页功能的示例代码
2020/06/24 Python
如何实现一个自定义类的序列化
2012/05/22 面试题
高职助产应届生自荐信
2013/09/24 职场文书
花坛标语大全
2014/06/30 职场文书
教师读书活动心得体会
2016/01/14 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python