用JS获取客户端IP地址、MAC和主机名的7个方法汇总

今天主要介绍JS获取客户端IP地址、MAC和主机名的7个方法, JS本身是不支持获取IP地址等信息的,本文通过其它方法实现,需要的朋友可以参考。

今天在实验（javascript）获取客户端IP的小程序，上网搜了一下，好多在现在的系统和浏览器中的都无效，很无奈，在Chrome、FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本。下面的代码是我在所有windowsNT5.0及以上的系统上都测试通过的，给出代码：

一、使用JS获取客户端IP的几个方法

方法一（只针对IE且客户端的IE允许AcitiveX运行，通过平台：XP，SERVER03，2000）。

获取客户端IP代码：

代码如下:

<HTML>

<HEAD>

<TITLE>GetLocalIP</TITLE>

</HEAD>

<BODY>

获取IP:

</BODY>

</HTML>

方法二（所有的平台及浏览器）：

获取客户端处在网络中的IP，前提是客户得联网。使用的是新浪接口。

代码如下:

<html>

<head>

<title>JavaScript获取客户端IP[利用新浪接口]</title>

</head>

<body>

document.writeln("IP地址："+ILData[0]+"<br />"); //输出接口数据中的IP地址

document.writeln("地址类型："+ILData[1]+"<br />"); //输出接口数据中的IP地址的类型

document.writeln("地址类型："+ILData[2]+"<br />"); //输出接口数据中的IP地址的省市

document.writeln("地址类型："+ILData[3]+"<br />"); //输出接口数据中的IP地址的

document.writeln("地址类型："+ILData[4]+"<br />"); //输出接口数据中的IP地址的运营商

</script>

</body>

</html>

方法三（所有的平台及浏览器）：

使用的搜狐接口

代码如下:

document.write(returnCitySN["cip"]+','+returnCitySN["cname"])

</script>

方法四：太平洋电脑网IP查询接口：

把0.0.0.0换成IP地址，页面上还有其他无关内容，这些内容是告诉我们哪些接口可以调用、接口调用参数和使用方法等

通过上边的js接口调用就可以判断用于属于哪个城市，直接显示该城市的相关信息了，对于需要城市切换的网站，首次判断用户来源非常有帮助。

二、使用JS获取计算机名、MAC地址、局域网IP

方法一（只针对IE且客户端的IE允许AcitiveX运行）：

调用VBS脚本，获取计算机名（有些人不知道什么是计算机名，简单解释就是它是这台机器的物理名称而不是你在用的那个用户名）和登录的用户名。

代码如下:

<HTML>

<HEAD>

<TITLE>WMI Scripting HTML</TITLE>

</HEAD>

<BODY>

var WshShell =new ActiveXObject("WScript.Shell");

document.write("计算机名 = "+ WshShell.ExpandEnvironmentStrings("%COMPUTERNAME%")+"<br/>");

document.write("登录用户名 = "+ WshShell.ExpandEnvironmentStrings("%USERNAME%")+"<br/>");

</script>

</BODY>

</HTML>

方法二（只针对IE且客户端的IE允许AcitiveX运行）：

获取计算机名、登录的用户名和域名（如果你加入了域，显示你这台机器处在哪个域中）。

代码如下:

<HTML>

<HEAD>

<TITLE>WMI Scripting HTML</TITLE>

</HEAD>

<BODY>

var wshNetwork = new ActiveXObject("WScript.Network");

document.write("域名 = "+ wshNetwork.UserDomain+"<br/>");

document.write("计算机名 = "+ wshNetwork.ComputerName+"<br/>");

document.write("登录用户名 = "+ wshNetwork.UserName+"<br/>");

</script>

</BODY>

</HTML>

方法三（只针对IE且客户端的IE允许AcitiveX运行）：

能够获取到局域网IP地址，本机的MAC，以及机器名（代码来源网络）。

代码如下:

<html>

<head>

</head>

<body>

<br/>MAC地址：<input type="text" name="macAddress">

</form>

</body>

</html>

var sMacAddr="";

var sIPAddr="";

var sDNSName="";

var service = locator.ConnectServer();

service.Security_.ImpersonationLevel=3;

service.InstancesOfAsync(foo, 'Win32_NetworkAdapterConfiguration');

</script>

if(objObject.IPEnabled != null && objObject.IPEnabled != "undefined" && objObject.IPEnabled == true){

if(objObject.IPEnabled && objObject.IPAddress(0) !=null && objObject.IPAddress(0) != "undefined")

sIPAddr = objObject.IPAddress(0);

if(objObject.MACAddress != null &&objObject.MACAddress != "undefined")

sMacAddr = objObject.MACAddress;

if(objObject.DNSHostName != null &&objObject.DNSHostName != "undefined")

sDNSName = objObject.DNSHostName;

}

</script>

myForm.macAddress.value=sMacAddr;

myForm.ipAddress.value=sIPAddr;

myForm.hostName.value=sDNSName;

</script>

新浪的IP地址查询接口：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js

新浪多地域测试方法：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=218.192.3.42

新浪的是js接口说明：

<scripttype="text/javascript"src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js" charset="gb2312"></script>

function ipmsg() {

var ss = remote_ip_info['country'] + remote_ip_info['province']+ remote_ip_info['city'];

document.getElementByIdx_x_x("<%=HiddenField1.ClientID %>").value = ss;

}

</script>

js取得IP地址

像美团等网站打开的时候，都会自动跳转到我们访问者当前所在的城市，这样极大的提高了用户体验度，我们如何实现这一功能呢？其实百度API里面有这个接口插件，根据用户的IP返回出用户所在的城市名。

以下是我整理出来的完整范例，手机、pc端测试都可以正常获取出城市名，大家可以参考一下：

<html>

<head>

<title>自动获取定位访问者当前城市</title>

</head>

<body>

// 百度地图API功能

var map = new BMap.Map("bdMapBox");

var nowCity = new BMap.LocalCity();

nowCity.get(bdGetPosition);

function bdGetPosition(result){

var cityName = result.name; //当前的城市名

/*自定义代码*/

atCity.innerHTML = cityName;

/*自定义代码*/

}

</script>

<p>您当前所在的城市为：<span id="atCity"></span></p>

</body>

</html>

运行效果：

说明一下：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> 没有密匙可能会在页面运行的时候弹出提示警告，为了让用户有更好的体验度，可以到百度地图开放平台http://lbsyun.baidu.com/apiconsole/key 创建一个应用，就会得到一个密匙，填到这里就好了。

本文章来源于代潇瑞博客原文地址：http://www.daixiaorui.com/read/133.html

附；

调用淘宝IP地址库

淘宝也提供了比较权威的IP地址库，调用地址：http://ip.taobao.com/service/getIpInfo.php?ip=123.123.123.123，返回对应IP的省市相关信息。

调用方法：

$(function(){

$.getJSON("getTaoIP.php",function(json){

var myprovince2 = json.data.region;

var mycity2 = json.data.city;

$("#city_2").html("您所在的城市是："+myprovince2+mycity2);

});

getTaoIP.php用来获取淘宝的对应IP的省市信息，返回的是json格式的数据。

$ip = get_client_ip(); //获取当前用户的ip

$url = "http://ip.taobao.com/service/getIpInfo.php?ip=".$ip;

$data = file_get_contents($url); //调用淘宝接口获取信息

echo $data;

get_client_ip()用来获取本地用户的IP地址。

//获取用户真实IP

function get_client_ip() {

if (getenv("HTTP_CLIENT_IP") && strcasecmp(getenv("HTTP_CLIENT_IP"), "unknown"))

$ip = getenv("HTTP_CLIENT_IP");

else if (getenv("HTTP_X_FORWARDED_FOR") && strcasecmp(getenv("HTTP_X_FORWARDED_FOR"),

"unknown"))

$ip = getenv("HTTP_X_FORWARDED_FOR");

else if (getenv("REMOTE_ADDR") && strcasecmp(getenv("REMOTE_ADDR"), "unknown"))

$ip = getenv("REMOTE_ADDR");

else if (isset ($_SERVER['REMOTE_ADDR']) && $_SERVER['REMOTE_ADDR']

&& strcasecmp($_SERVER['REMOTE_ADDR'], "unknown"))

$ip = $_SERVER['REMOTE_ADDR'];

else

$ip = "unknown";

return ($ip);

}

3.调用纯真IP库

纯真IP库基本上每周都有更新，您可以到各大下载网站上下载最新版本的纯真IP库。推荐天空下载地址：http://www.skycn.com/soft/14344.html

使用PHP调用纯真ip库的方法，本文不详述，请戳这里：http://blog.csdn.net/aaron_luchen/article/details/6637799

4.调用本地数据库

如果您的系统足够强大，为了安全稳重我们建议您使用本地IP地址库，目前网上有IP地址库下载，我们使用mysql版的ip库，然后通过PHP读取。

由于IP数据量大，一般有三四十万条数据，我们要进行表结构索引优化。

CREATE TABLE IF NOT EXISTS `iptocity` (

`IP_Start` double(53,0) NOT NULL DEFAULT '0',

`IP_End` double(53,0) DEFAULT NULL,

`IP_Province` varchar(6) DEFAULT NULL,

`IP_City` varchar(10) DEFAULT NULL,

PRIMARY KEY (`IP_Start`),

KEY `IP_End` (`IP_End`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8;

调用方法：

$(function(){

$.getJSON("getIP.php",function(json){

var myprovince3 = json.province;

var mycity3 = json.city;

$("#city_3").citySelect({

prov:myprovince3,

city:mycity3

});

前端通过ajax向getIP.php发送异步请求，getIP.php读取mysql中的IP数据，返回对应ip地址的省市信息。

include_once("connect.php");//链接数据库

$myip = get_client_ip(); //获取本地IP，get_client_ip()函数在上文中已给出

$ip=ip2int($myip); //转换ip

$sql="select IP_Province,IP_City from iptocity where IP_Start<='$ip' order by IP_Start desc

limit 1";

$query = mysql_query($sql); //查询库

$rs = mysql_fetch_array($query);

$arr = array(

'province'=>$rs['IP_Province'],

'city'=>$rs['IP_City'],

);

echo json_encode($arr); //返回json数据

//将ip地址转换成整型

function ip2int($ip){

list($ip1,$ip2,$ip3,$ip4)=explode(".",$ip);

return $ip1*pow(256,3)+$ip2*pow(256,2)+$ip3*256+$ip4;

}

注意我们使用自定义函数ip2int()将IP地址转换成整型，而不是用PHP自带函数ip2long()，因为ip2long()有时会将ip转换成负数，所以为了保险使用自定义函数ip2int()。

5.应用：根据用户所在城市跳转到不同的页面

通过上面的讲解我们知道如何获取本地用户的城市信息，现在我们要根据用户所在的城市访问不同页面。我们以拉手网为例，在go.php中写入如下代码：

$city = $d['city']; //利用上述方法获得本地城市名称

switch($city){

case '深圳':

$cityname = 'shenzhen';

break;

case '北京':

$cityname = 'beijing';

break;

case '上海':

$cityname = 'shanghai';

break;

default:

$cityname = 'www';

break;

}

$go_url = "http://".$cityname.".lashou.com";

header("Location:".$go_url);

这样，就可以根据用户所在的城市跳转到拉手网对应的频道页面了。请看演示demo。

来源链接：http://www.helloweba.com/view-blog-190.html

更多信息请查看IT技术专栏

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。