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 相关文章推荐
Javascript 检测、添加、移除样式(className)函数代码
Sep 08 Javascript
createElement与createDocumentFragment的点点区别小结
Dec 19 Javascript
js使用eval解析json(js中使用json)
Jan 17 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 Javascript
详解AngularJS 模态对话框
Apr 07 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
Jun 22 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
Oct 13 Javascript
AngularJS中的缓存使用
Jan 11 Javascript
Javascript调试之console对象——你不知道的一些小技巧
Jul 10 Javascript
JS实现评价的星星功能
Aug 20 Javascript
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中比较两个字符串找出第一个不同字符位置例子
2014/04/08 PHP
ThinkPHP实现登录退出功能
2017/06/29 PHP
JavaScript的面向对象方法以及差别
2008/03/31 Javascript
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
2013/08/28 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
2014/10/17 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
2014/12/05 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
2017/04/03 jQuery
详解vue-router基本使用
2017/04/18 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
vue实现列表拖拽排序的功能
2020/11/02 Javascript
[52:15]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS LGD-GAMING
2014/05/23 DOTA
python高手之路python处理excel文件(方法汇总)
2016/01/07 Python
基于Python对象引用、可变性和垃圾回收详解
2017/08/21 Python
详解Python自建logging模块
2018/01/29 Python
python高阶爬虫实战分析
2018/07/29 Python
利用Python将每日一句定时推送至微信的实现方法
2018/08/13 Python
Python命令行参数解析工具 docopt 安装和应用过程详解
2019/09/26 Python
俄罗斯的精英皮具:Wittchen
2018/01/29 全球购物
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
演讲比赛获奖感言
2014/02/02 职场文书
《三峡》教学反思
2014/03/01 职场文书
奥利奥广告词
2014/03/20 职场文书
《九寨沟》教学反思
2014/04/08 职场文书
食品安全责任书
2014/04/15 职场文书
中学生期中自我鉴定
2014/04/20 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
高三物理教学反思
2016/02/20 职场文书
css3带你实现3D转换效果
2022/02/24 HTML / CSS