Javascript 如何在加载页面之前将加载消息放入iframe

我有一个链接，当鼠标悬停在上面时，它的内容（src）将加载到iframe中。我想在完全加载页面之前在iframe中显示加载消息。有没有可能把这个信息

下面是JSFIDLE

问候。

---

Sukumar

您可以做的是隐藏iframe并在#内容上放置加载图标，然后在加载完成后使用onload事件再次显示iframe：

---

您可以使用以下内容：

$("a").hover(function(){

  var href = $("a").attr("href");
  var loading = $('<div>loading....</div>').appendTo("#content");
  var iframe = $("<iframe src='"+href+"'>").appendTo("#content").hide().bind('onload',   
    function(){loading.hide(); iframe.show()});
 },                
 function(){
   $("#content").empty();
 }
);

$（“a”）.hover（函数（）{
var href=$（“a”）.attr（“href”）；
var loading=$（'loading….'）。附录（“#内容”）；
var iframe=$（“”）.appendTo（“#content”）.hide（）.bind（'onload'，
函数（）{loading.hide（）；iframe.show（）}）；
},                
函数（）{
$（“#内容”）.empty（）；
}
);

大多数情况下不会，通常如果您从internet加载iframe内容，它会被锁定为只读，有些情况下甚至无法读取（从外域加载）。