用前端写一个如何获取ip地址

可以使用JavaScript来获取用户的IP地址。以下是一个简单的示例代码：

function getIPAddress() {
  // 使用JSONP获取IP地址
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://jsonip.com/?callback=getIP';
  document.getElementsByTagName('head')[0].appendChild(script);
}

function getIP(response) {
  // 处理JSONP返回的IP地址
  console.log('Your IP address is: ' + response.ip);
}

getIPAddress();

该代码使用了JSONP技术，通过向https://jsonip.com/发送请求获取用户IP地址。JSONP是一种跨域请求数据的方式，可以解决浏览器跨域限制的问题。在获取到IP地址后，将其传递给回调函数进行处理。

相关问题

前端获取 ip 地址

前端获取 IP 地址可以通过以下几种方法：

1. 使用 WebRTC 技术：WebRTC 是一种现代的浏览器实时通信协议，可以通过它访问到用户的 IP 地址。使用 WebRTC，前端可以通过调用 `RTCPeerConnection` 对象的 `getStats` 方法来获取本地 IP 地址。

2. 使用第三方服务：有一些第三方服务提供了获取用户 IP 地址的接口，前端可以向这些服务发送请求，获取到用户的 IP 地址。例如，可以使用 IPify（https://www.ipify.org/）提供的接口，通过发送 HTTP 请求获取到用户的 IP 地址。

3. 使用服务器转发：前端可以通过与后端进行交互，使用后端的方式获取用户的 IP 地址。前端可以通过发送请求到后端，并在请求头中添加 `X-Forwarded-For` 字段来获取用户的真实 IP 地址。后端可以将该字段的值返回给前端，前端即可获取到用户的 IP 地址。

需要注意的是，前端获取到的 IP 地址可能会经过代理服务器、负载均衡等中间节点的转发，所以获取到的 IP 地址可能不是用户真实的 IP 地址。为了确保获取到用户真实的 IP 地址，可以结合使用以上方法，并对返回的 IP 地址进行验证和筛选。

前端js获取本机ip地址

前端JS获取本机IP地址需要借助于浏览器提供的WebRTC技术。以下是获取本机IP地址的示例代码：

// 创建一个RTCPeerConnection对象
var pc = new RTCPeerConnection();

// 添加一个空的音频轨道
pc.addTransceiver('audio', {'direction': 'sendrecv'});

// 获取SDP描述信息
pc.createOffer().then(function(offer) {

  // 从SDP中提取本机IP地址
  var regex = /([0-9]{1,3}\.){3}[0-9]{1,3}/;
  var matches = offer.sdp.match(regex);
  var localIP = matches[0];

  // 输出本机IP地址
  console.log('本机IP地址为：', localIP);
});

需要注意的是，该方法只能获取本机的公网IP地址，无法获取内网IP地址。同时，该方法也存在一定的浏览器兼容性问题。