请使用html和js实现一个网页用户浏览器访问后会在后台依此访问httpaurlhttpburlhttpcurlhttpdurl等url并返回每个url的状态

以下是一个使用HTML和JavaScript实现的网页示例，当用户访问网页时，会依次访问给定的URL，并返回每个URL的状态。

<!DOCTYPE html>
<html>
<head>
    <title>URL状态检查</title>
    <script>
        function checkURLs() {
            var urls = ["http://a.url", "http://b.url", "http://c.url", "http://d.url"];
            var results = [];

            for (var i = 0; i < urls.length; i++) {
                var xhr = new XMLHttpRequest();
                xhr.open("GET", urls[i], false);
                xhr.send();

                results.push({
                    url: urls[i],
                    status: xhr.status,
                    statusText: xhr.statusText
                });
            }

            displayResults(results);
        }

        function displayResults(results) {
            var resultContainer = document.getElementById("result-container");
            resultContainer.innerHTML = "";

            for (var i = 0; i < results.length; i++) {
                var result = results[i];
                var resultElement = document.createElement("div");
                resultElement.innerHTML = "<b>URL:</b> " + result.url + "<br>" +
                                          "<b>Status:</b> " + result.status + "<br>" +
                                          "<b>Status Text:</b> " + result.statusText + "<br><br>";
                resultContainer.appendChild(resultElement);
            }
        }
    </script>
</head>
<body>
    <button onclick="checkURLs()">检查URL状态</button>
    <div id="result-container"></div>
</body>
</html>

在上面的示例中，我们定义了一个checkURLs函数，该函数会依次访问给定的URL，并将每个URL的状态存储在results数组中。然后，我们使用displayResults函数来显示结果。在HTML部分，我们创建了一个按钮，当用户点击按钮时，会调用checkURLs函数，并将结果显示在页面上的result-container元素中。

请注意，由于浏览器的安全策略限制，您可能无法直接访问跨域的URL。如果您在本地测试时遇到问题，请确保您的URL是有效的，并尝试在服务器上运行该代码

请使用html和js实现一个网页用户浏览器访问后会在后台依此访问httpaurlhttpburlhttpcurlhttpdurl等url并返回每个url的状态