Carregue dinamicamente JS, CSS e outros arquivos em iframes

1. Carregue dinamicamente os arquivos JS e CSS (usando JS e JQuery nativos)

estrutura iframe:

frame0 (pai)

Frame2 (sub)

quadro3 (sub)

Evento de gatilho no quadro2, carregue dinamicamente os arquivos CSS e os elementos DOM no quadro3?

*Pode ser chamado entre o mesmo nível, e o mesmo nível pode ser chamado através do método da criança-filho-filho

parent.parentfram ("Este método está chamando outras fazendas infantis");

1. JQuery's Append ()

A cópia do código é a seguinte:

Velocidade rápida, síncrona (precisa introduzir jQuery)

var obody = document.getElementById ("frame3_id"). ContentWindow. $ ("corpo");

var str = "<div> ... </div>"

var scriptTag = document.getElementById ("frame3_id"). ContentWindow.document.getElementById ("pop");

if (! scripttag) {

obody.append (str);

}

var ÓSCRIPT = document.createElement ("script");

oscript.id = "Oscript1";

oscript.type = "text/javascript";

oscript.src = "/test.js";

var otag1 = document.getElementById ("frame3_id"). ContentWindow.document.getElementById ("Oscript1");

if (! OTAG1) {

obody.append (ÓSCRIP);

}

Document.getElementById ("frame3_id"). ContentWindow.test ();

********************************************

O exemplo acima: a.

********************************************

2.js appendChild ()

Velocidade lenta, assíncrona (você precisa determinar se o JS foi carregado)

Lição 2:

A cópia do código é a seguinte:

var str = "<div> ... </div>"

var popdiv = document.createElement ('div');

popdiv.style.xx = xxx;

popdiv.id = "pop";

popdiv.innerhtml = str;

var obody = document.getElementById ("frame3_id"). ContentWindow.document.getElementsByTagName ("corpo") [0];

var ohead = document.getElementById ("frame3_id"). ContentWindow.document.getElementsByTagName ("Head");

if (ohead && ohead.length) {

ohead = ohead [0];

}outro{

ohead = obody;

}

var elemdivtag = document.getElementById ("frame3_id"). ContentWindow.document.getElementById ("pop");

if (! elemdivtag) {

obody.appendChild (popdiv)

}

var oscript = document.createElement ("script");

oscript.id = "Oscript1";

oscript.type = "text/javascript";

oscript.src = "/test.js";

var scriptTAG = document.getElementById ("main"). ContentWindow.document.getElementById ("ombrecript1");

if (! scripttag) {

OPEND.APPNENDCHILD (OSCRIPT);

}

Oscript.onload = Oscript.onReadyStatechange = function () {

if ((! this.readyState) || this.readyState == "complete" || this.readyState == "carregado") {

Document.getElementById ("Main"). ContentWindow.test ();

}outro{

console.info ("não pode carregar o arquivo ÓScript2.js");

}

}