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 日期时间函数(经典+完善+实用)
May 27 Javascript
浅谈JavaScript正则表达式分组匹配
Apr 10 Javascript
iframe中子父类窗口调用JS的方法及注意事项
Aug 25 Javascript
js实现跨域的多种方法
Dec 25 Javascript
用jQuery获取table中行id和td值的实现代码
May 19 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
May 12 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
Aug 04 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
Oct 25 Javascript
微信、QQ、微博、Safari中使用js唤起App
Jan 24 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
JS中的算法与数据结构之集合(Set)实例详解
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
在WIN98下以apache模块方式安装php
2006/10/09 PHP
php 中的4种标记风格介绍
2012/05/10 PHP
Memcached常用命令以及使用说明详解
2013/06/27 PHP
Drupal7连接多个数据库及常见问题解决
2014/03/02 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
phpstudy隐藏index.php的方法
2020/09/21 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
详解vue-cli中配置sass
2017/06/21 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
基于vue-ssr服务端渲染入门详解
2018/01/08 Javascript
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
vue-router懒加载速度缓慢问题及解决方法
2018/11/25 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
python魔法方法-属性访问控制详解
2016/07/25 Python
python查看微信好友是否删除自己
2016/12/19 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
详解python校验SQL脚本命名规则
2019/03/22 Python
基于python实现高速视频传输程序
2019/05/05 Python
Python中字符串String的基本内置函数与过滤字符模块函数的基本用法
2019/05/27 Python
详解anaconda安装步骤
2020/11/23 Python
解决PyCharm无法使用lxml库的问题(图解)
2020/12/22 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
构造器Constructor是否可被override?
2013/08/06 面试题
会计大学生职业生涯规划书范文
2014/01/13 职场文书
体育口号大全
2014/06/18 职场文书
审计班子对照检查材料
2014/08/27 职场文书
财务部岗位职责
2015/02/03 职场文书
幼儿教师辞职信范文
2015/03/02 职场文书
拉贝日记观后感
2015/06/05 职场文书
圣诞晚会主持词
2015/07/01 职场文书
详解Redis复制原理
2021/06/04 Redis