检测页面中的所有iframe是否具有src

Question

我有一个包含动态数量的iframe的页面。 window.print（）必须在iframes加载时调用（即具有src）。

如何在纯JavaScript中轻松处理这些问题而不会变得迂腐？

Answer 1

function getLoadedFrames() { 

    var frames = document.getElementsByTagName('iframe'), // Get all iframes 
     loadedFrames = [], i; 

    for (i = 0; i < frames.length; i++) { 
     /* 
      If iframe has a src attribute, that attribute has a value AND 
      that value is not equal to the current window location (leaving src 
      blank seems to return the current location instead of empty string) 
      then add the frame to the loadedFrames array. 
     */ 
     if (frames[ i ].src && frames[ i ].src.length > 0 && frames[ i ].src !== window.location.href) { 
      loadedFrames.push(frames[ i ]); 
     } 
    } 

    return loadedFrames; // An array of your 'loaded' frames 
} 

Answer 2

你可以做

function areAllIframesLoaded() { 
    var frames = document.getElementsByTagName('iframe') 
    return Array.prototype.slice.call(frames).reduce(function(p, c) { 
    return p && c.src && c.src.length > 0 && c.src !== window.location.href 
    }, true); 
} 

这将在遍历所有的I帧和返回true或false就是否个个都定义一个src。

Answer 3

不太清楚，如果这就是你想要的，但也许它可以帮助：

window.addEventListener("DOMContentLoaded", function(){ 
    // Get all iframes as soon as DOM has loaded 
    var iframes = document.getElementsByTagName("iframe"); 
    for (var i = 0, l = iframes.length; i < l; ++i) { 
     // Add event handler to every iframe 
     iframes[i].onload = function(){ 
      // Execute window.print() when iframe has loaded 
      window.print(); 
     }; 
    } 
}); 

这个工作没有检查src属性，因为如果一个iframe没有src，该onload事件绝不会被解雇。

请注意，这不会在IE中工作;请参见SO上的this answer，与jQuery的$(document).ready相同...