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数据表格插件
Jul 17 Javascript
循环 vs 递归浅谈
Feb 28 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
不用一句js代码初始化组件
Jan 27 Javascript
Jquery和JS获取ul中li标签的实现方法
Jun 02 Javascript
javascript基本常用排序算法解析
Sep 27 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
webpack打包js文件及部署的实现方法
Dec 18 Javascript
基于Express框架使用POST传递Form数据
Aug 10 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
Aug 06 Javascript
vue中的可拖拽宽度div的实现示例
Apr 08 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 Global变量定义当前页面的全局变量实现探讨
2013/06/05 PHP
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
PHP实现留言板功能的详细代码
2017/03/25 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
PHP获取访问设备信息的方法示例
2019/02/20 PHP
php+mysql开发的最简单在线题库(在线做题系统)完整案例
2019/03/30 PHP
Yii框架自定义数据库操作组件示例
2019/11/11 PHP
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
Javascript中神奇的this
2016/01/20 Javascript
JavaScript中循环遍历Array与Map的方法小结
2016/03/12 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
2019/06/13 Javascript
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
Python break语句详解
2014/03/11 Python
一些Python中的二维数组的操作方法
2015/05/02 Python
python显示生日是星期几的方法
2015/05/27 Python
Python sys.argv用法实例
2015/05/28 Python
对python中大文件的导入与导出方法详解
2018/12/28 Python
详解python解压压缩包的五种方法
2019/07/05 Python
对Python函数设计规范详解
2019/07/19 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
Python如何把十进制数转换成ip地址
2020/05/25 Python
业务主管岗位职责
2013/11/20 职场文书
文明寝室申报材料
2014/05/12 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
个人汇报材料范文
2014/12/30 职场文书
社会实践活动总结格式
2015/05/11 职场文书
2019年妇科护士的自我鉴定(3篇)
2019/09/26 职场文书
python基础之停用词过滤详解
2021/04/21 Python
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL
vue使用wavesurfer.js解决音频可视化播放问题
2022/04/04 Vue.js
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python