我正在尝试使用 jQuery.load('https://someurl.com .someClass') 加载远程 HTML 页面。进行加载的页面在 HTTPS 上；远程页面可作为 HTTP 和 HTTPS 使用。在合理的浏览器中一切正常，但 IE 抛出混合的 HTTP/HTTPS 内容安全警告——远程页面的 HTTP 链接包含 CSS 和 JS，即使请求为 HTTPS。关于如何在 IE 中成功拉入混合内容文件而不触发警告的任何线索？修改远程页面不是一种选择。
编辑
明确地说，我正在尝试通过 HTTPS 加载远程文件。该文件包含指向 HTTP 资源（img、css、js）的链接；因为我为.load() 提供了一个选择器，合理的浏览器不会尝试解析和执行文档； IE 可以。
【问题讨论】：
标签： internet-explorer jquery https
您无法绕过 IE 中的混合内容警告。如果远程资源可通过 HTTP 和 HTTPS 获得，您可以确保您的协议匹配 jQuery.load(location.protocol + '//someurl.com .someClass')
根据远程页面中混合内容的问题进行了更新：
jQuery.load 将整个 responseText 加载到 documentFragment 中，然后再拉出选择器指示的相应部分（请参阅jQuery 1.4.4 ajax.js）。整个远程页面被解析为 HTML 并且必须通过浏览器的安全流程；在许多方面，通过确保所有协议匹配和/或仅在您需要的情况下仅返回片段来确保响应“干净”更简单。
如果您不修改其他资源，这将更加健壮，您需要在远程资源被替换时将所有出现的 HTTP 替换为 HTTPS（反之亦然）仍然只是一个字符串。这是一个脆弱的 jQuery 插件作为这种技术的一个例子，大部分来自jQuery 1.4.4 $.load function：
(function($){
var http = "http:",
https = "https:",
rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
proto = location.protocol,
otherProtoUri = new RegExp("\\b" + (proto === http ? https : http) + "(//[a-z\\d.-]+)", "gi");
$.fn.protocolModifyLoad = function(url, yesIKnowThisIsFragile, selector) {
var self = this;
if ( !this.length || !yesIKnowThisIsFragile) {
return this;
}
$.ajax({
url: url,
type: "GET",
dataType: "html",
complete: function( res, status ) {
// If successful, inject the HTML into all the matched elements
if ( status === "success" || status === "notmodified" ) {
// Force occurences of the other protocol into the current one
var response = res.responseText.replace(otherProtoUri, proto + "$1");
// See if a selector was specified
self.html( selector ?
// Create a dummy div to hold the results
jQuery("<div>")
// inject the contents of the document in, removing the scripts
// to avoid any 'Permission Denied' errors in IE
.append(response.replace(rscript, ""))
// Locate the specified elements
.find(selector) :
// If not, just inject the full result
response);
}
}
});
return this;
};
})(jQuery);
用法：$('#your > .selector').protocolModifyLoad(location.protocol + '//someurl.com', 'thisIsFragile!!!', '.someClass');
此函数省略了$.load 的callback 和params 参数，并添加了yesIKnowThisIsFragile 参数作为一个微妙的提醒。
【讨论】：
<script src="//domain.com/path/to/resource.js"></script>。如果您使用的是 https，那么浏览器将尝试从 https://domain.com 拉取该资源。
"//example.com/example.js") 导致 IE7 和 IE8 下载文件两次：stevesouders.com/blog/2010/02/10/…
如果安全页面加载任何非安全资源，它会抛出警告。解决它的唯一方法是从 https 加载所有内容。
即使是其他浏览器也应该在某处显示警告（可能在 FF 中地址的左侧？）
【讨论】：