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)文章
JavaScript實現(xiàn)函數(shù)緩存及應(yīng)用場景
在JavaScript中,可以通過函數(shù)緩存來提高函數(shù)的執(zhí)行效率,本文就來介紹一下JavaScript實現(xiàn)函數(shù)緩存及應(yīng)用場景,具有一定的參考價值,感興趣的可以了解一下2024-01-01
JS不同地圖坐標(biāo)系經(jīng)緯度轉(zhuǎn)換方法(天地圖、高德地圖、百度地圖、騰訊地圖)
這篇文章主要給大家介紹了關(guān)于JS不同地圖坐標(biāo)系經(jīng)緯度轉(zhuǎn)換的相關(guān)資料,分別包括天地圖、高德地圖、百度地圖、騰訊地圖,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了JS運動基礎(chǔ)框架,實例分析了javascript定時器及div樣式的使用技巧,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了JavaScript數(shù)組對象和字符串對象，文章中有詳細(xì)的代碼示例，對學(xué)習(xí)或工作有一定的幫助，需要的小伙伴可以參考一下2023-04-04
這篇文章主要介紹了JS實現(xiàn)單擊輸入框彈出選擇框效果的方法,涉及JavaScript響應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素與相關(guān)屬性的實現(xiàn)技巧,需要的朋友可以參考下2015-12-12
css靜態(tài)濾鏡 + A:Hover 效果...2007-05-05
SelectValue是一個Preact組件,用于創(chuàng)建一個下拉選擇框,它接收props如value、setfn、options和disabled,用于更新父組件中的值、處理下拉選擇框的值改變事件、顯示選項和禁用或啟用下拉選擇框,本文介紹preact組件案例的使用詳解,感興趣的朋友一起看看吧2025-03-03
微信小程序中進行地圖導(dǎo)航功能的實現(xiàn)方法
這篇文章主要介紹了微信小程序中進行地圖導(dǎo)航功能的實現(xiàn)方法,需要的朋友可以參考下2018-06-06
倒計時的功能在我們做項目的時候會經(jīng)常遇到，這里給大家分享的是個人編寫的一個簡易的效果代碼，有需要的小伙伴可以參考下2015-06-06
js實現(xiàn)做通訊錄的索引滑動顯示效果和滑動顯示錨點效果
下面小編就為大家?guī)硪黄猨s實現(xiàn)做通訊錄的索引滑動顯示效果和滑動顯示錨點效果。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02