在网页中添加一个输入框和一个提交按钮:
需要在页面中添加一个用于显示IP地址的容器:
接下来,编写JavaScript代码,实现域名到IP地址的转换功能:
function convertDomainToIP() {
var domain = document.getElementById("domain-input").value;
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.ipify.org?format=json&domain=" + domain, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
document.getElementById("ip-output").textContent = "IP 地址: " + response.ip;
}
};
xhr.send();
}
将JavaScript代码添加到网页的末尾,或者放置在<head>标签内:
<script>
function convertDomainToIP() {
// 域名到IP地址转换代码
}
</script>
通过以上步骤,您就可以在网页中嵌入域名到IP地址的转换功能。用户输入域名,点击"转换"按钮,页面就会显示对应的IP地址。
