JS 通过用户IP 获取用户所在地址以及所使用浏览器和操作系统

Rainet_yang

12938人浏览 · 2014-10-24 00:20:38

Rainet_yang · 2014-10-24 00:20:38 发布

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>

<title>Rainet云灌溉-把灌溉装进口袋</title>

<script src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
	$("#a").click(function(){
		var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_='+Math.random();  
		$.getJSON(url, function(data){
			$("#b").html("显示：IP【"+data.Ip+"】 地址【"+data.Isp+"】 浏览器【"+data.Browser+"】 系统【"+data.OS+"】");
		});	
	});
});
</script>

</head>
<body>
	<a href="http://www.rainet.com.cn" target="_blank" style="margin-left:100px;"><span id="a" style="color: #000;font-size:18px;border:#000 0px solid;">Click Me</span></a>
	<br/>
	<br/>
	<br/>
	<br/>
	<span id="b" style="color: #000;font-size:18px;border:#000 0px solid;">显示：点击上方【Click Me】显示ip详情！</span>
</body>
</html>

直接复制代码，运行会得到如下显示：

IP【。。。。.161】地址【河南省郑州市电信】浏览器【Google Chrome 38.0.2125.104】系统【Mac OS X】