使用jQuery从HTTP添加iframe到HTTPS

Question

您好我有HTTPS下的页面，因为我只能操作JS和CSS，我创建了免费主机HTTP并在那里上传了内容。之后，我将jQuery，iframe元素添加到HTTPS页面src到HTTP页面，但我在控制台中看到此错误：< / p>

Mixed Content: The page at 'https://url.bg/' was loaded over HTTPS, but requested an insecure resource 'http://url.000webhostapp.com/'. This request has been blocked; the content must be served over HTTPS.

这适用于Chrome和Mozilla： Blocked loading mixed active content “http://url.000webhostapp.com/”

有没有解决方案？

我的JS代码很简单：

$('body').children().remove();
$('body').append('<iframe src="http://inovativa.000webhostapp.com/"></iframe>');

Answer 1

为什么不写url不可知代码？

https页面需要加载https资源。如果外部链接支持https，则使用“//”加载URL，这意味着当您使用http协议页面在http中加载资源时。如果在https然后https。

$('body').append('<iframe src="//inovativa.000webhostapp.com/"></iframe>');