0

在动态创建一些 iframe、设置 src 和 onload 之后，我希望内容可用于将其放入数组并对数组进行排序。接下来将删除 iframe（有趣的内容已经放入数组中）并在我的 HTML 页面上创建一个表格。如果在排序之前未设置警报，则数组为空，因为 onload 在完成脚本之前触发。当在排序之前发出警报时，我发现 onload-procedure 已触发，数组已填充并且一切正常？！但我不想发出警报，谁能解释我做错了什么？这是我的第一个脚本，所以请帮助我理解。

function LoadFile( ) {
var FName, PName, myID, myFrame;
var myBody  = document.getElementById("StartList");
for ( var i = 0; i < FileList.length; i++ ) {
    // Read input file into frame
    FName   = FileList[i].FName;
    PName   = FName + ".html";
    myID    = "iframe" + i;
    // Create frame.
    myFrame = document.createElement("iframe");
    myFrame.setAttribute("id", myID);
    myFrame.setAttribute("width","0");
    myFrame.setAttribute("height","0");
    myFrame.setAttribute('src', PName);
    //Attach onload-event to frame, triggering ReadTableInfo.
    if (myFrame.attachEvent){
        myFrame.attachEvent("onload", function(){
            ReadTableInfo();
        });
    } else {
        myFrame.onload = function(){
            ReadTableInfo();
        };
    }
    myBody.appendChild(myFrame);
}
}

function ReadTableInfo() {
var a = document.getElementsByTagName("iframe")[idx];
var p = FileList[idx].FName;
var b = (a.contentWindow || a.contentDocument);
var td;
if ( b.document) {
    b = b.document;
    // Get and process table with functions and procedures.
    var myTable = b.getElementsByTagName("Table")[5];
    var myList  = myTable.getElementsByTagName("TR");
    var Name = "";
    var Desc = "";
    for ( var j = 0; j < myList.length; j++) {
        Name = myTable.getElementsByTagName("TR") [j].getElementsByTagName("A")[0].innerHTML;
        if ( myTable.getElementsByTagName("TR")[j].getElementsByTagName("TD")[1] != null) {
            td = myTable.getElementsByTagName("TR")[j].getElementsByTagName("TD")[1];
            Desc = td.textContent || td.innerText || "";
        }
        if ( searchval == "" || ( TestVal.test(Name) && searchkey == 1 ) || ( TestVal.test(Desc) && searchkey == 2 ) ) {
            ProcList[ProcList.length++] = new  AddProcList(Name.toLowerCase(), p.toLowerCase(), Desc);
        }
        Name = "";
        Desc = "";
    }
    idx++;
}
}

function UpdateList( opt ) {
searchval = document.getElementById("edtSearchVal").value;
TestVal = new RegExp(".", "i");
if ( searchval !== "" ) {
    if ( opt == 2 ) {
        TestVal = new RegExp(searchval, "i"); // searchpattern for RegExp descriptions
    } else {
        TestVal = new RegExp(searchval.replace(" ","_"), "i"); // searchpattern for RegExp.
    }
}
switch ( opt ) {
    case 1: searchkey = 1;
            break;
    case 2: searchkey = 2;
            break;
    default: 
            searchkey = 3;
}
Init();
// Get package names from index.
SetFileList();  // Determines which external files to examine.
LoadFile();     // Loads the external files into iframes to be used later.

alert("Start generating list, this may take a while."); // Necessary to read frames! Don't know why???

var sortkeys = {FName:"a",PName:"a"}; // Sorting order of ProcList, which will be the listorder.
ProcList.keySort(sortkeys);           // Sort ProcList.
TableCreate();     // Make new table with all entries in ProcList
}

感谢您的任何评论，只是在这里向他人学习:)）

4

1 回答 1

1

您LoadFile(); 正在将内容加载到 iframe ，并且 alert() 提供了足够的时间让 iframe 内容完全加载，因此其余代码可以正常工作。如果您删除警报，则其余代码将在加载 iframe 内容之前立即执行。我建议甚至在 iframe 页面中也放置 onload。然后将此事件传播到父窗口。要访问父容器窗口，您可以在 iframe 中执行 window.parent。

于 2013-06-30T20:17:23.893 回答