javascript - 如何使用 JavaScript 检查页面是否存在

Question

我有一个链接:<a href="http://www.example.com">Hello</a> .

当有人点击链接时，我想通过 JavaScript 检查 href 属性指向的页面是否存在。如果该页面存在，浏览器将重定向到该页面(本例中为“www.example.com”)，但如果该页面不存在，浏览器应重定向到另一个 URL。

Answer 1

这取决于该页面是否存在于同一域中。如果您尝试确定外部域上的页面是否存在，它将无法正常工作 - 浏览器安全性会阻止跨域调用(同源策略)。

如果位于同一域，您可以像 Buh Buh 建议的那样使用 jQuery。虽然我建议使用 HEAD 请求而不是 GET 请求，但默认的 $.ajax() 方法会这样做 – $.ajax() 方法将下载整个页面。执行 HEAD 请求只会返回 header 并指示页面是否存在(响应代码 200 - 299)或不存在(响应代码 400 - 499)。示例:

$.ajax({
    type: 'HEAD',
    url: 'http://yoursite.com/page.html',
success: function() {
        // page exists
},
error: function() {
        // page does not exist
}
});

另请参阅:http://api.jquery.com/jQuery.ajax/