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函数
Dec 22 Javascript
jquery实现的超出屏幕时把固定层变为定位层的代码
Feb 23 Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
Jun 21 Javascript
AngularJS基础 ng-options 指令详解
Aug 02 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
vue.js中导出Excel表格的案例分析
Jun 11 Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
Jul 16 Javascript
js实现秒表计时器
Dec 16 Javascript
js实现小时钟效果
Mar 25 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
Jan 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
php使用google地图应用实例
2014/12/31 PHP
ThinkPHP框架里隐藏index.php
2016/04/12 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
解决php扩展安装不生效问题
2019/10/25 PHP
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
js实现同一页面多个不同运动效果的方法
2015/04/10 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
js清除浏览器缓存的几种方法
2017/03/15 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
2017/08/15 jQuery
vue 2.x 中axios 封装的get 和post方法
2018/02/28 Javascript
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
2019/09/29 Javascript
JavaScript进阶(四)原型与原型链用法实例分析
2020/05/09 Javascript
Openlayers显示瓦片网格信息的方法
2020/09/28 Javascript
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
python+Django实现防止SQL注入的办法
2019/10/31 Python
Python的几种主动结束程序方式
2019/11/22 Python
基于h5py的使用及数据封装代码
2019/12/26 Python
Python可变对象与不可变对象原理解析
2020/02/25 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
PHP两种查询函数array/row的区别
2013/06/03 面试题
什么是Assembly(程序集)
2014/09/14 面试题
商务专员岗位职责
2013/11/23 职场文书
公司新员工的演讲稿注意事项
2014/01/01 职场文书
建筑节能汇报材料
2014/08/22 职场文书
技术经济专业求职信
2014/09/03 职场文书
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
学校施工安全责任书
2015/01/29 职场文书
同意转租证明
2015/06/24 职场文书
python 如何执行控制台命令与操作剪切板
2021/05/20 Python