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网页关闭时提醒效果脚本
Oct 22 Javascript
在浏览器窗口上添加遮罩层的方法
Nov 12 Javascript
JS对select控件option选项的增删改查示例代码
Oct 21 Javascript
动态加载js、css等文件跨iframe实现
Feb 24 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
Jul 18 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
Apr 19 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
Aug 01 Javascript
jQuery实现拖动剪裁图片作为头像
Dec 28 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 Javascript
Openlayers学习之地图比例尺控件
Sep 28 Javascript
vue 防止页面加载时看到花括号的解决操作
Nov 09 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
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
URL Rewrite的设置方法
2007/01/02 PHP
ThinkPHP关于session的操作方法汇总
2014/07/18 PHP
作为程序员必知的16个最佳PHP库
2015/12/09 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
popdiv
2006/07/14 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
Node.js中使用mongoskin操作mongoDB实例
2014/09/28 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
JS控制静态页面传递参数并获取参数应用
2016/08/10 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
详解VUE 数组更新
2017/12/16 Javascript
dts文件中删除一个node或属性的操作方法
2018/08/05 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
vue 实现一个简单的全局调用弹窗案例
2020/09/10 Javascript
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
Python3简单实现串口通信的方法
2019/06/12 Python
在Pytorch中计算卷积方法的区别详解(conv2d的区别)
2020/01/03 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
Sublime Text3最新激活注册码分享适用2020最新版 亲测可用
2020/11/12 Python
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
业务经理的岗位职责
2013/11/16 职场文书
年终总结会议主持词
2014/03/17 职场文书
庆元旦演讲稿
2014/09/15 职场文书
2014国庆节标语口号
2014/09/19 职场文书
博士论文答辩开场白
2015/06/01 职场文书
从零开始在Centos7上部署SpringBoot项目
2022/04/07 Servers