常州小菜园微信小程序_js获取ip和区域

发布时间:2021-01-12 13:08 作者:jianzhan

摘要: 实际效果图:编码以下:!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-scal

效果图:

代码如下:

 !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 
 button click me /button 
 script src="cityjson ie=utf-8" /script 
 script 
function aa() {
 alert(returnCitySN['cip'] + returnCitySN['cname']);
 /script 
 /body 
 /html 

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


  • H5网页页面常见的三种互动

    随着着H5技术性性的发展趋势发展趋势,H5的类型和方法也越来越越越大,产生人的独特感也越来越越越大。H5网页页面网页页面从一一开始唯一呈现型,发展趋势发展趋势到现如今多种

  • 房地产产同行业砍死也不

    模拟题目:房地产产产同行业业砍死都不共享资源的杀单小技巧,速度本人个人收藏 点一下左上面“房东帮上海市市”便可以关注大伙儿! 二上百万房地产产精英聪明伶俐学习培训学

  • [H5实例共享]你的艺术美学

    原题目:[H5实例共享]你的艺术美学气场汇报 剖析连接:https://thinkpadx1.lxustudio.cn/ 详细赏析本案例大概必须45秒 实例:你的艺术美学气场汇报 荣誉出品:thinkpad 闪光点: 方案策划上,为

  • H5可以用来干什么?

    H5是 HTML5 的统称,而HTML5便是指“HTML”的第五个版本号号。但因为html5规范对视频音响和触碰屏互动交流沟通交流等恶变恶性事件的可用远超上代,因此H5渐渐地演变成一种可以手中机端

  • 微信小程序与手机端网页

    模拟题目:手机微信微信小程序与手机上端网页页面网页页面进行互通全自动自动跳转 规定体现: 在手机微信微信小程序里面,点一下查寻顾客签定的协议书书,全自动自动跳转到协