親からのiframeへのJSスクリプトの挿入

Question

私のサーバーから親HTMLヘッドにロードされたスクリプトがあります... リロードするたびにそのスクリプトをiframeに挿入します。

私はそれがこのように頭の中にスクリプトを挿入する前に、私のiframeのリロードを作る機能があります： - このファイルは1.5メガバイトであり、すべての私は排除したい、それが再びロードされているリロード時に

function insertScriptIntoHead(){ 
    var head = iframe.contentWindow.document.getElementsByTagName('head')[0]; 
    var script = iframe.contentWindow.document.createElement('script'); 
    script.src = getFromParent(); 
    script.type = 'text/javascript'; 
    head.appendChild(script); 
} 

を。

私はそれを親からロードして、iframeにリロードするたびにファイルを置くことができたら、おそらくサーバーからロードされたファイルを削除して時間を節約できると思いました。

すべてのヘルプは、HTMLページに追加しまでロードを開始しません

-Thanks

Answer 1

JavaScriptのスクリプトファイルを理解されるであろう。 iframe内にsrcというスクリプトタグを直接挿入するのではなく、親にスクリプトを読み込んでコードの内容を取得し、iframeの内部に配置することができます。

親機でロードすることができます。

<script src="bigjs.js" id="iframejs"></script> 

、今あなたがそのIFRAMEのリロードをその内容を読んで、毎回のiframeスクリプトタグ内のコンテンツを置くことができます。

function insertScriptIntoHead(){ 
    var head = iframe.contentWindow.document.getElementsByTagName('head')[0]; 
    var script = iframe.contentWindow.document.createElement('script'); 
    script.innerText = document.getElementById('iframejs').innerText; 
    script.type = 'text/javascript'; 
    head.appendChild(script); 
} 

この方法で、あなたが望むものを達成することができます。