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多数据库连接配置与切换教程  如何快速查询网站的真实建站时间?  如何在不使用负向后查找的情况下匹配特定条件前的换行符  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  深圳防火门网站制作公司,深圳中天明防火门怎么编码?  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】  高性能网站服务器配置指南:安全稳定与高效建站核心方案  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  Laravel如何处理CORS跨域请求?(配置示例)  node.js报错:Cannot find module &#39;ejs&#39;的解决办法  如何在Windows虚拟主机上快速搭建网站?  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】  ,怎么在广州志愿者网站注册?  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  Win11怎样安装网易有道词典_Win11安装词典教程【步骤】  安克发布新款氮化镓充电宝:体积缩小 30%,支持 200W 输出  Laravel如何使用Facades(门面)及其工作原理_Laravel门面模式与底层机制  Laravel如何实现事件和监听器?(Event & Listener实战)  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  Laravel怎么在Controller之外的地方验证数据  linux写shell需要注意的问题(必看)  Laravel怎么集成Log日志记录_Laravel单文件与每日日志配置及自定义通道【详解】  google浏览器怎么清理缓存_谷歌浏览器清除缓存加速详细步骤  如何在云主机上快速搭建网站?  高端建站三要素:定制模板、企业官网与响应式设计优化  智能起名网站制作软件有哪些,制作logo的软件?  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  IOS倒计时设置UIButton标题title的抖动问题  如何快速生成凡客建站的专业级图册?  Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  如何用好域名打造高点击率的自主建站?  Laravel如何生成URL和重定向?(路由助手函数)  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  js代码实现下拉菜单【推荐】  Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】  制作电商网页,电商供应链怎么做?  Python高阶函数应用_函数作为参数说明【指导】  Laravel怎么实现搜索高亮功能_Laravel结合Scout与Algolia全文检索【实战】  如何彻底删除建站之星生成的Banner?  使用C语言编写圣诞表白程序  如何在HTML表单中获取用户输入并结合JavaScript动态控制复利计算循环  python中快速进行多个字符替换的方法小结  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法