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 相关文章推荐
js DOM 元素ID就是全局变量
Sep 20 Javascript
JavaScript控制Session操作方法
Jan 17 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
javascript正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
JS动态显示表格上下frame的方法
Mar 31 Javascript
jQuery实现固定在网页顶部的菜单效果代码
Sep 02 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
JavaScript提高性能知识点汇总
Jan 15 Javascript
使用JS实现图片展示瀑布流效果的实例代码
Sep 12 Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 Javascript
AngularJS实现使用路由切换视图的方法
Jan 24 Javascript
使用vue2实现购物车和地址选配功能
Mar 29 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
Zend引擎的发展 [15]
2006/10/09 PHP
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
中英文字符串翻转函数
2008/12/09 PHP
mysql总结之explain
2012/02/27 PHP
高性能PHP框架Symfony2经典入门教程
2014/07/08 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
微信 getAccessToken方法详解及实例
2016/11/23 PHP
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
jQuery 插件封装的方法
2016/11/16 Javascript
详解VueJs异步动态加载块
2017/03/09 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
jQuery实现倒计时功能 jQuery实现计时器功能
2017/09/19 jQuery
微信小程序实现左滑修改、删除功能
2020/10/19 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
layui复选框的全选与取消实现方法
2019/09/02 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
Python中SOAP项目的介绍及其在web开发中的应用
2015/04/14 Python
搭建Python的Django框架环境并建立和运行第一个App的教程
2016/07/02 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
python使用tensorflow保存、加载和使用模型的方法
2018/01/31 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
postman传递当前时间戳实例详解
2019/09/14 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
温泉秘密:Onsen Secret
2020/07/06 全球购物
入党积极分子思想汇报
2014/01/02 职场文书
尽职尽责村干部自我鉴定
2014/01/23 职场文书
吨的认识教学反思
2014/04/27 职场文书
银行求职信怎么写
2014/05/26 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python
MySQL一些常用高级SQL语句
2021/07/03 MySQL