麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

動態(tài)加載js、css等文件跨iframe實(shí)現(xiàn)

2019-11-20 21:03:02
字體:
供稿:網(wǎng)友
1、動態(tài)加載js,css文件(用原生js和jquery)

iframe結(jié)構(gòu):
frame0(父)
frame2(子)
frame3(子)

frame2中觸發(fā)事件,動態(tài)的向frame3中 加載js、css文件和 dom元素?

*同級之間可以調(diào)用,可以 通過 子-父-子 的方式調(diào)用同級
parent.parentFram(“這個(gè)方法在調(diào)用其他子farme”);

1.jquery的append()
復(fù)制代碼 代碼如下:

速度快,同步(需要引入jquery)

var oBody = document.getElementById("frame3_id").contentWindow.$("body");

var str = "<div>...</div>"
var scriptTag = document.getElementById("frame3_id").contentWindow.document.getElementById("pop");
if(!scriptTag){
oBody.append(str);
}

var oScript= 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(oScript);
}

document.getElementById("frame3_id").contentWindow.test(); // 調(diào)用frame3_id 中的test()方法

***********************************
上述例子:a.需要引入jquery;
***********************************
2.js 的appendChild()

速度慢,異步(需要判斷js是否加載完畢)

列子2:
復(fù)制代碼 代碼如下:

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("body")[0];
var oHead = document.getElementById("frame3_id").contentWindow.document.getElementsByTagName("head");

if(oHead && oHead.length){
oHead = oHead[0];
}else{
oHead = oBody;
}

var elemDivTag = document.getElementById("frame3_id").contentWindow.document.getElementById("pop");
if(!elemDivTag){
oBody.appendChild(popDiv)
}

var oScript= document.createElement("script"); (css類似)
oScript.id = "oScript1";
oScript.type = "text/javascript";
oScript.src="/test.js";
var scriptTag = document.getElementById("main").contentWindow.document.getElementById("oScript1");
if(!scriptTag){
oHead.appendChild(oScript);
}
oScript.onload = oScript.onreadystatechange = function(){
if ((!this.readyState) || this.readyState == "complete" || this.readyState == "loaded" ){
document.getElementById("main").contentWindow.test(); // test()方法 在 引入的js文件中
}else{
console.info("can not load the oScript2.js file");
}
}
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 国产免费www | 免费色片 | 亚洲国产精品500在线观看 | 国产免费永久在线观看 | 成人午夜精品久久久久久久蜜臀 | 国产精品视频一区二区三区四区五区 | 国产精品视频一区二区噜噜 | 欧美成人精品欧美一级乱黄 | 日韩理论电影网 | 免费小毛片 | 国产妇女乱码一区二区三区 | 毛片免费观看完整版 | 亚洲aⅴ免费在线观看 | 色中色在线视频 | 一级做a爱片性色毛片高清 国产精品色在线网站 | 亚洲精品一区二区三区免 | 欧美成人精品一区 | 日日狠狠久久偷偷四色综合免费 | 国产精品久久久久久久久久久久久久久久 | 黄在线免费 | 日本在线国产 | 久久久久免费精品国产小说色大师 | 国产在线免费 | 免费国产视频在线观看 | 99视频网址 | 久久成人午夜视频 | 在线91视频 | 久久成人黄色 | 亚洲天堂字幕 | 欧美成人一级 | 蜜桃网站在线观看 | 黄色高清免费网站 | 色网站综合 | 久久av免费 | 亚洲成人精品久久 | 中文字幕在线日韩 | 中文区永久区 | 欧美高清一级片 | 久久免费看毛片 | 国产一级二级视频 | 日韩欧美视频一区二区三区 |