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中 noConflict() 方法使用
Apr 25 Javascript
jQuery插件bxSlider实现响应式焦点图
Apr 12 Javascript
JS中如何比较两个Json对象是否相等实例代码
Jul 13 Javascript
微信小程序 教程之事件
Oct 18 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
Aug 04 Javascript
JavaScript数据结构之双向链表和双向循环链表的实现
Nov 28 Javascript
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
vue.js select下拉框绑定和取值方法
Mar 03 Javascript
vue-resource:jsonp请求百度搜索的接口示例
Nov 09 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 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自动适应范围的分页代码
2008/08/05 PHP
PHP设置Cookie的HTTPONLY属性方法
2017/02/09 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
PHP常用函数之base64图片上传功能详解
2019/10/21 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
jQuery实现自动调整字体大小的方法
2015/06/15 Javascript
原生js制作日历控件实例分享
2016/04/06 Javascript
Bootstrap Navbar Component实现响应式导航
2016/10/08 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
微信小程序 UI与容器组件总结
2017/02/21 Javascript
简单谈谈原生js的math对象
2017/06/27 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
jQuery菜单实例(全选,反选,取消)
2017/08/28 jQuery
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
2017/09/04 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
2017/09/13 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
微信小程序动态生成二维码的实现代码
2018/07/25 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
2018/12/11 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
vue实现动态表格提交参数动态生成控件的操作
2020/11/09 Javascript
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
Python读取实时数据流示例
2019/12/02 Python
Python3加密解密库Crypto的RSA加解密和签名/验签实现方法实例
2020/02/11 Python
python3格式化字符串 f-string的高级用法(推荐)
2020/03/04 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
美国零售商店:Blue&Cream
2017/04/07 全球购物
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
财务人员求职自荐书范文
2014/02/10 职场文书
电气工程自动化求职信
2014/03/14 职场文书
四风个人对照检查材料思想汇报(办公室通用版)
2014/10/07 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS