javascript - 从div内的多个iframe中提取标题

Question

我已经为此奋斗了几天，但似乎无法解决问题。我有几个 html(全部驻留在同一个域中)，我将它们作为 iframe 加载到父页面内的 div 中。然后我尝试从每个 iframe 中提取标题并将它们插入数组中，然后删除 iframe。除了 pageTitles 数组填充了许多空白字符串之外，一切都运行良好。谢谢!

        var currentPage = 0;                
        var pages = new Array("page1.html", "page2.html", "page3.html", "page4.html");
        var maxPages = pages.length;    

        var pageTitles = [];

        for (i=0; i < maxPages; i++){
            var iframe = document.createElement('iframe');
            iframe.frameBorder=1;
            iframe.width = "400px";
            iframe.height = "50px";
            iframe.id="childFrame"+i;
            var frameTitle = iframe.id;
            iframe.setAttribute("src", pages[i]);
            document.getElementById("hidden").appendChild(iframe);
            //pageTitles.push(window.frames[i].document.title); // tried this with no luck
            pageTitles.push($("#"+frameTitle).contents().find("title").text());
            //pageTitles.push(document.getElementById(frameTitle)[0].document.title); // this is probably completely wrong, but thought I'd try it anyway
            document.getElementById("hidden").removeChild(iframe);
        }

Answer 1

您必须等待 iframe 加载。只有这样你才能获取内容值。这可能会有所帮助。

$("#"+frameTitle).on('load',function(){
        pageTitles.push($(this).contents().find("title").text());
   });