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 相关文章推荐
arguments对象
Nov 20 Javascript
!DOCTYPE声明对JavaScript的影响分析
Apr 12 Javascript
angularJS提交表单(form)
Feb 09 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
浅析Node.js 中 Stream API 的使用
Oct 23 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
May 08 Javascript
浅谈Vue为什么不能检测数组变动
Oct 14 Javascript
详解 javascript对象创建模式
Oct 30 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
星际争霸 Starcraft 游戏介绍
2020/03/14 星际争霸
PHP命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
将PHP程序中返回的JSON格式数据用gzip压缩输出的方法
2016/03/03 PHP
js 金额文本框实现代码
2012/02/14 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
JavaScript中的toDateString()方法使用详解
2015/06/12 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
2016/04/26 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
vue脚手架中配置Sass的方法
2018/01/04 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
微信小程序常见页面跳转操作简单示例
2019/05/01 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
移动端吸顶fixbar的解决方案详解
2019/07/17 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
Python用GET方法上传文件
2015/03/10 Python
简单谈谈python中的语句和语法
2017/08/10 Python
Ubuntu下Python2与Python3的共存问题
2018/10/31 Python
python用match()函数爬数据方法详解
2019/07/23 Python
django 取消csrf限制的实例
2020/03/13 Python
python中rc1什么意思
2020/06/19 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
python3代码中实现加法重载的实例
2020/12/03 Python
欧洲最大的笔和书写专家:The Pen Shop
2017/03/19 全球购物
Nordgreen美国官网:在线购买极简主义斯堪的纳维亚手表
2019/07/24 全球购物
如果Session Bean得Remove方法一直都不被调用会怎么样
2012/07/14 面试题
建筑毕业生自我鉴定
2013/10/18 职场文书
三八节主持词
2014/03/17 职场文书
办公室岗位职责
2015/02/04 职场文书
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js
如何开启Apache,Nginx和IIS服务器的GZIP压缩功能
2022/04/29 Servers