js获取ip和地区

发布时间 - 2026-01-11 00:05:52    点击率:

这个接口是搜狐的目前是可用的, 就是不知道以后会不会失效

效果图:

代码如下:

<!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>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# js  # 获取地区  # js获取ip地址  # JS实现的验证身份证及获取地区功能示例  # Jsoup获取全国地区数据属性值(省市县镇村)  # JS获取客户端IP地址、MAC和主机名的7个方法汇总  # JS获取IP、MAC和主机名的五种方法  # JSP 获取真实IP地址的代码  # js获取IP地址的方法小结  # js获取客户端外网ip的简单实例  # JavaScript获取客户端IP的方法(新方法)  # nodejs获取本机内网和外网ip地址的实现代码  # 会不会  # 搜狐  # li  # ul  # ol  # dd  # dl  # viewport  # scalable  # user  # body  # reset  # css  # footer  # header  # nav  # list  # padding  # margin  # iframe 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 成都网站制作公司哪家好,四川省职工服务网是做什么用?  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  网站建设要注意的标准 促进网站用户好感度!  如何在HTML表单中获取用户输入并结合JavaScript动态控制复利计算循环  如何挑选高效建站主机与优质域名?  js实现点击每个li节点,都弹出其文本值及修改  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  如何在服务器上配置二级域名建站?  Java Adapter 适配器模式(类适配器,对象适配器)优缺点对比  网站页面设计需要考虑到这些问题  Laravel如何使用软删除(Soft Deletes)功能_Eloquent软删除与数据恢复方法  轻松掌握MySQL函数中的last_insert_id()  微信小程序 闭包写法详细介绍  Laravel怎么在Blade中安全地输出原始HTML内容  Laravel怎么在Controller之外的地方验证数据  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  Laravel如何自定义分页视图?(Pagination示例)  教学论文网站制作软件有哪些,写论文用什么软件 ?  如何为不同团队 ID 动态生成多个“认领值班”按钮  Laravel中的withCount方法怎么高效统计关联模型数量  用v-html解决Vue.js渲染中html标签不被解析的问题  JS碰撞运动实现方法详解  网页设计与网站制作内容,怎样注册网站?  如何用AI帮你把自己的生活经历写成一个有趣的故事?  如何在Ubuntu系统下快速搭建WordPress个人网站?  高防服务器租用首荐平台,企业级优惠套餐快速部署  如何用JavaScript实现文本编辑器_光标和选区怎么处理  JavaScript如何操作视频_媒体API怎么控制播放  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  智能起名网站制作软件有哪些,制作logo的软件?  Laravel如何生成和使用数据填充?(Seeder和Factory示例)  Laravel如何使用Service Container和依赖注入?(代码示例)  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  北京网站制作公司哪家好一点,北京租房网站有哪些?  米侠浏览器网页背景异常怎么办 米侠显示修复  太平洋网站制作公司,网络用语太平洋是什么意思?  PHP正则匹配日期和时间(时间戳转换)的实例代码  Laravel Eloquent:优雅地将关联模型字段扁平化到主模型中  Laravel如何处理和验证JSON类型的数据库字段  Python3.6正式版新特性预览  Laravel PHP版本要求一览_Laravel各版本环境要求对照  个人网站制作流程图片大全,个人网站如何注销?  Laravel的契約(Contracts)是什么_深入理解Laravel Contracts与依赖倒置  如何在IIS中新建站点并配置端口与物理路径?  Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  Laravel事件和监听器如何实现_Laravel Events & Listeners解耦应用的实战教程  WEB开发之注册页面验证码倒计时代码的实现  javascript中闭包概念与用法深入理解