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 相关文章推荐
iis6+javascript Add an Extension File
Jun 13 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
Jan 22 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
jquery选择符快速提取web表单数据示例
Mar 27 Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 Javascript
javascript实现获取浏览器版本、操作系统类型
Jan 29 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
Javascript获取background属性中url的值
Oct 17 Javascript
js判断手机系统是android还是ios
Mar 07 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
vue3.0封装轮播图组件的步骤
Mar 04 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
将兴奋、喜悦和坎加斯带到戴安娜:亚马逊公主
2020/03/03 欧美动漫
php 301转向实现代码
2008/09/18 PHP
浅谈php自定义错误日志
2015/02/13 PHP
php使用QueryList轻松采集js动态渲染页面方法
2018/09/11 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
Javascript 个人笔记(没有整理,很乱)
2007/07/07 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
2013/04/15 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
JavaScript判断一个字符串是否包含指定子字符串的方法
2015/03/18 Javascript
JavaScript 基础函数_深入剖析变量和作用域
2016/05/18 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
2016/06/06 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
JavaScript 动态三角函数实例详解
2017/01/08 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
2017/07/20 Javascript
Layui数据表格跳转到指定页的实现方法
2019/09/05 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
python创建和使用字典实例详解
2013/11/01 Python
对numpy的array和python中自带的list之间相互转化详解
2018/04/13 Python
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
Django中ORM找出内容不为空的数据实例
2020/05/20 Python
快速解释如何使用pandas的inplace参数的使用
2020/07/23 Python
Python+Xlwings 删除Excel的行和列
2020/12/19 Python
一款纯css3实现的鼠标经过按钮特效教程
2014/11/09 HTML / CSS
canvas 绘图时位置偏离的问题解决
2020/09/16 HTML / CSS
美国著名的家居用品购物网站:Bed Bath & Beyond
2018/01/05 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
Bonprix法国:时尚、鞋子、家居
2020/12/29 全球购物
Java基础知识面试要点
2016/07/29 面试题
工程类专业自荐信范文
2014/03/09 职场文书
小学美术兴趣小组活动总结
2014/07/07 职场文书
2014年物资管理工作总结
2014/12/02 职场文书
学校推普周活动总结
2015/05/07 职场文书