在网页上添加一个文本框,让用户输入需要查询的网站域名。添加一个按钮触发查询操作。使用JavaScript监听按钮点击事件,读取文本框内容,并发起Ajax请求获取IP地址。
可以使用公开的IP查询API,如ipify、ipstack等,通过API返回的JSON数据获取网站的IP地址。在JavaScript代码中发起API请求,并解析响应数据。
将获取到的IP地址数据显示在网页上,可以使用HTML的<table>标签创建表格,将域名和IP地址分别显示在表格的单元格中。
除单个域名查询,也可以添加批量查询的功能。让用户在文本框中输入多个域名(使用换行符分隔),查询按钮触发时批量查询这些域名的IP地址,并在表格中显示结果。
可以添加loading提示、错误处理等功能,提高用户体验。可以将查询历史记录保存在本地,方便用户查看。
