在HTML中动态显示用户IP地址的方法

在HTML中,可以使用一个<div>或<span>元素来存放IP地址信息。例如:

<div id="ip-address"></div>

使用JavaScript的fetch()或XMLHttpRequest()方法向服务器发送请求,获取用户的IP地址。以下是一个示例代码:

fetch('https://api.ipify.org?format=json')
    .then(response => response.json())
    .then(data => {
        const ipAddress = data.ip;
        document.getElementById('ip-address').textContent = ipAddress;
    })
    .catch(error => {
        console.error('Error fetching IP address:', error);
    });

当获取到用户的IP地址后,可以将其设置为先前创建的元素的文本内容,从而在页面上动态显示IP地址。