在互联网时代，网站和服务器常常需要获取访问者的IP地址，以便进行各种网络操作和分析。JavaScript作为前端开发中广泛使用的一种脚本语言，提供了一些方法来获取客户端的IP地址。本文档将详细介绍JavaScript如何获取客户端的本地IP和外网IP地址。
获取本地IP地址需要借助ActiveX对象。由于这种技术仅支持IE浏览器，因此其他现代浏览器（如Chrome、Firefox等）并不支持。下面是一个使用ActiveX对象获取本地IP地址的JavaScript函数示例：
```javascript
// 获取本地IP
function GetLocalIPAddress() {
var obj = null;
var rslt = "";
try {
obj = new ActiveXObject("rcbdyctl.Setting"); // 注意此处ActiveX对象名称可能有误
rslt = obj.GetIPAddress; // 这里同样可能是错误的属性名
obj = null;
} catch(e) {
alert("ErrInfoIS:" + e);
}
return rslt;
}
document.write("你的IP是：" + GetLocalIPAddress());
```
上述代码尝试创建一个ActiveX对象来获取本地网络设置，然后获取IP地址。如果出现错误，则会捕获异常并显示错误信息。
接着，要获取外网IP地址，可以使用第三方服务通过HTTP请求来获取。这里展示了一个利用XMLHTTP对象发送请求到特定网址，并从响应文本中提取IP地址的示例：
```javascript
// 获取外网IP
xml = new ActiveXObject("Microsoft.XMLHTTP"); // 注意此行代码同样可能有误，应为window.XMLHttpRequest
xml.open("GET", "***", false);
xml.send();
kk = xml.responseText;
i = kk.indexOf("[");
ie = kk.indexOf("]");
ip = kk.substring(i + 1, ie);
document.write("<span style='color:red;font-size:12;' cursor='hand'>您的IP地址是:" + ip + "</span>");
```
通过这段代码，通过向一个提供IP信息服务的网站发送HTTP GET请求，从返回的文本中找到IP地址字符串的位置，并提取出来显示给用户。
然而，上述示例中的ActiveX控件和XMLHTTP对象的使用方法可能并不是最准确的。在现代JavaScript开发中，我们通常使用纯JavaScript实现这些功能，不再依赖于特定浏览器的对象。例如，现代浏览器支持使用Web API来获取IP地址，但仍然存在限制：
```javascript
async function getPublicIP() {
try {
const response = await fetch('***');
const data = await response.json();
console.log(data.ip); // 输出外网IP
} catch (err) {
console.error('Failed to retrieve IP:', err);
}
}
```
在这个示例中，我们通过调用`ipify`这样的第三方服务API来获取外网IP地址。该API返回JSON格式的数据，我们可以解析这些数据来获取IP地址。
另外，对于本地IP地址的获取，因为浏览器的同源策略限制，客户端JavaScript一般无法直接获取到本地网络的真实IP地址。不过，在某些特定情况下，通过代理或者WebSocket等技术，可以在服务器端获取到客户端的本地IP。
总结来说，获取客户端IP地址的方法多种多样，有的方法依赖特定浏览器技术，有的则依赖第三方服务。由于安全性和隐私保护的原因，浏览器限制了获取用户真实IP地址的能力，因此开发者在处理IP地址相关功能时需要考虑到这些限制和可能的替代方案。
