jQuery或者js有没有在页面加载完成后获得response header的Content-Type?

Question

现在知道在Chrome和火狐里面的document的属性有Content-Type，但是IE没有（万恶的IE！），
现在问下有没有不发起请求时获取页面的Content-Type的方法？

Answer 1

如果是当前页面的话document.contentType就可以，如果是其他的页面的话应该是不可以的。一点资料都没有就想知道人家的信息，这样霸道任性真的好么... 权衡的办法是发送一个 HEAD request，这样只会请求头部数据而不会把内容请求过来，然后通过头部的Content-Type就可以知道类型了。我写一个DEMO给你示意一下，打开控制台复制代码过去运行即可：

function getContentType(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if( xhr.readyState === 4 && xhr.status === 200 ) {
            callback( xhr.getResponseHeader("Content-Type") );
        }
    }
    xhr.open("HEAD", url, true);
    xhr.send();
}

getContentType("http://segmentfault.com", function(type) {
    console.log(type)
});