Iframeのコンテンツ（テキスト、画像）が読み込まれる前にJquery（ '#iframeid'）.load（）が実行されます。

Question

IframeのIframeのデータにアクセスしようとしています。私のjavascript関数を強制的にjqueries.load関数を使用して待機します。しかし、まだ私のJavaScriptコードはiframeのコンテンツが完全に読み込まれる前に "時には"実行されます。ときどき、私はその動作が異なるコンピュータで異なることを意味します。低速のコンピュータでは、ほとんどの場合、コードがほぼ常に実行されるようになっています。だから私は、Internet Explorer 8がonloadイベントを早期に起動すると思われる。 iframeのすべての要素がロードされるまで待つjquery関数はありますか？

これは私のコードです：

function parsePeopleLink(){ 
try{ 
    //This is where I check if the wanted I frame already exists 
    if(document.getElementById('isolatedWorkArea') != null) { 
     if(window.frames[2] != null) { 
      if(window.frames[2].name == 'isolatedWorkArea') { 
       //This is where I want the following code only to be executed when the Iframe's content is fully loaded, otherwise I get an access denied error when trying to change Userlinks 
       $('#isolatedWorkArea').load(function() { 
        for(var i = 0; i < window.frames.length; i++){ 
         for(var j = 0; j< window.frames[i].document.frames.length; j++){ 
          IframeDocument = window.frames[i].document.frames[j].document; 
          changeUserLink(findPeopleIDfix(findPeopleID(IframeDocument)),findUserLinks(IframeDocument),8, IframeDocument); 
         } 
        } 
       }); 
      } 
      else { 
       throw e; //I know that all the nested else statements are ugly, I just inserted them for testing purposes 
      } 
     } 
     else { 
      throw e; 
     } 
    } 
    else { 
     throw e; 
    } 
} 
catch(e) { 
    //alert(e.description); 
    for(var k = 0; k < window.frames.length; k++) 
    { 
     IframeDocument = window.frames[k].document; 
     changeUserLink(findPeopleIDfix(findPeopleID(IframeDocument)),findUserLinks(IframeDocument),9, IframeDocument);  
     iframeindex++; 
    } 
    } 
} 

すべてのIフレームを持っている：同じポート、のprotocoll、およびSRCを。 ヘルプは大変ありがとうございます

Answer 1

JavaScriptが完全に読み込まれたときに、Javascriptは外部のコンテンツにアクセスして監視することができません。 iframeコンテンツにアクセスできる場合は、親ウィンドウの関数に呼び出しを追加してトリガーします。

親ページ：

function parsePeopleLink() { 
    //all your current code like you have it now 
} 

フレームページ：

$(function(){ 
    parent.parsePeopleLink(); 
    //This will monitor the document being ready in the framed page 
    //and then trigger the parent's function 
}); 

Answer 2

どのようにiframeの読み込みを開始していますか？これらのソリューションをチェックすると、

$('#myiframe').attr('src', 'http://example.com'); 
$('#myiframe').load(function() { /* do work on load */ }); 

のパターンが動作すると報告されています。

同様の報告ソリューション：

jQuery .ready in a dynamically inserted iframe
Javascript callback when IFRAME is finished loading?

編集：ニック・スピアーズが正しい答えを持っているよう

が見える、あるいは少なくともそれはあなたの問題の一部です。 iframeコンテンツの問題にアクセスします。

Answer 3

私は私のプロジェクトの一つで、そのようなものを使用。私はファイルをダウンロードしようとしていて、ダウンロードが完了した後にメッセージを表示しようとしていました。この種のことは、私の経験では動作しませんでした：IFRAMEはHTMLで書かれている

$('#myiframe').attr("src","http://example.com"); 
$('#myiframe').load(function() { /* do work on load */ }); 

Loadイベントが起動した直後でないとき、その内容のすべてのiframeがロードされます。しかし、このコードは正常に動作しました：

$('#myiframe').load("http://example.com", function() { /* do work on load */ }); 

このコードは、ファイルをダウンロードしてからロードイベントを待っていました。私はこれもあなたのために働くことができると思う。

$("#twitter-widget").load(myFunction); 

Answer 4

は、私は私の機能を実行する前にロードされた（それだIDで識別される）ことを確認iFrameを作るために、このコードを使用しましたIE、 私は文字通りStackoverflow.Comに記載されているすべてのソリューションを試しましたが、何も私が望むように働いていませんでした。

次に、iフレームのコンテンツが完全に読み込まれると、$（Window）ロードイベントが発生する可能性があるというアイデアがありました。 それはまさに何が起こったのか。 だから、私はこの小さなスクリプトを書いた、と魔法のように働いた：

$(window).load(function() { 
     //alert("Done window ready "); 
     var lblWait = document.getElementById("lblWait"); 
     if (lblWait != null) { 
      lblWait.style.visibility = "false"; 
      document.getElementById("divWait").style.display = "none"; 
     } 
    }); 

は、この情報がお役に立てば幸いです。

Answer 5

Iフレームの内容が完全にロードされたとき、私は待っているスピナーのdivを非表示にしたかった：