这篇文章主要介绍了js如何获取ip和地区，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
JS是JavaScript的简称，它是一种直译式的脚本语言，其解释器被称为JavaScript引擎，是浏览器的一部分，主要用于web的开发，可以给网站添加各种各样的动态效果，让网页更加美观。
效果图：
代码如下：
<!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,h2,h3,h4,h5,h6,h7,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>
<h2>点击获取ip</h2>
<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如何获取ip和地区”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
