js獲取ip和地區(qū)
更新時間：2017年03月10日 08:42:53 作者：qq2020
本文主要介紹了js獲取ip和地區(qū)的方法，具有很好的參考價值。下面跟著小編一起來看下吧
這個接口是搜狐的目前是可用的, 就是不知道以后會不會失效
效果圖：
代碼如下：
<!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>
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
最近在寫一個問答功能,類似于評論,下面這篇文章主要給大家介紹了關(guān)于如何用JS實現(xiàn)回車評論功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
這篇文章主要介紹了一些常用javascript表單驗證，文章最后還附帶了一個實踐案例，以驗證數(shù)字為例進行講解，感興趣的小伙伴們可以參考一下2015-11-11
下面小編就為大家?guī)硪黄狫SON 對象未定義錯誤的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要為大家介紹了three.js簡單實現(xiàn)類似七圣召喚的擲骰子示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
String.prototype實現(xiàn)的一些javascript函數(shù)介紹
這篇文章主要是對String.prototype實現(xiàn)的一些javascript函數(shù)進行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
用表格輸出1-1000之間的數(shù)字實現(xiàn)代碼(附特效)
本文將介紹下用表格輸出1-1000之間的數(shù)字同時附有特效，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-04
javascript解析json格式的數(shù)據(jù)方法詳解
這篇文章主要介紹了javascript解析json格式的數(shù)據(jù)方法詳解，文章通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
專IE7瀏覽器，IE URL參數(shù)過長問題，引發(fā)HTTP Status 122報錯；this作用域問題，對應(yīng)的解決方法如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
本篇文章我們從面包屑導(dǎo)航的樣式，面包屑導(dǎo)航的代碼等方面詳細(xì)給大家分析了它的作用和設(shè)計技巧，如果你有這方便的需要，學(xué)習(xí)參考下吧。2017-12-12
layui禁用側(cè)邊導(dǎo)航欄點擊事件的解決方法
今天小編就為大家分享一篇layui禁用側(cè)邊導(dǎo)航欄點擊事件的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09