html前端获取ip地址代码
时间: 2023-08-10 18:02:11 浏览: 500
获取Ip地址代码
5星 · 资源好评率100%
在 HTML 前端中,无法直接获取客户端的 IP 地址。但是,可以通过 JavaScript 脚本向后端服务器发起请求,从而获取客户端的 IP 地址。
以下是一个获取客户端 IP 地址的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>获取客户端 IP 地址</title>
<meta charset="UTF-8">
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
function getIP() {
axios.get('https://api.ipify.org?format=json')
.then(function(response) {
console.log(response.data.ip);
document.getElementById("ip-address").innerHTML = response.data.ip;
})
.catch(function(error) {
console.log(error);
});
}
</script>
</head>
<body onload="getIP()">
<h1>您的 IP 地址是:</h1>
<p id="ip-address"></p>
</body>
</html>
```
上述代码使用了 Axios 库来向 `https://api.ipify.org` 发起 GET 请求,获取客户端的 IP 地址,并将其显示在页面上。请注意,该 API 可能会有一些限制或收费标准,请查看其文档以获取更多信息。
阅读全文