javascript中兼容主流瀏覽器的動(dòng)態(tài)生成iframe方法
以下代碼在IE8下運(yùn)行通過(guò),在IE9中出錯(cuò):
document.createElement('<iframe id="yige-org-iframe" src="yige.org.logo.gif" style="position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;"></iframe>');
錯(cuò)誤提示:exception : SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5)
思路分析:
第一步:兼容IE9,firefox,Opera,Safari等瀏覽器;
iframe.setAttribute("id", "yui-history-iframe");
iframe.setAttribute("src", "../../images/defaults/transparent-pixel.gif");
iframe.setAttribute("style","position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;");
第二步:兼容IE6-8:由于ie6-8 不能修改iframe的name屬性
var oFrame = isIE ? document.createElement("<iframe name=/"" + this._FrameName + "/">") : document.createElement("iframe");
oFrame.name = "iframName";
綜合解決辦法:
var isIE = (document.all) ? true: false; //這里僅僅簡(jiǎn)單的對(duì)是否是IE進(jìn)行判斷,詳細(xì)瀏覽器判斷:請(qǐng)參考瀏覽器類(lèi)型偵測(cè)
var ua = navigator.userAgent.toLowerCase().match(/msie ([/d.] + ) / )[1];
if (ua == "9.0") {
isIE = false;
}
var oFrame = isIE ? document.createElement("<iframe name=/"" + this._FrameName + " / ">") : document.createElement("iframe");oFrame.name = "iframName";
//=========================
function ajaxpost(formid, showid, waitid, showidclass, submitbtn, recall) {
var waitid = typeof waitid == 'undefined' || waitid === null ? showid : (waitid !== '' ? waitid : '');
var showidclass = !showidclass ? '' : showidclass;
var ajaxframeid = 'ajaxframe';
var ajaxframe = $(ajaxframeid);
var formtarget = $(formid).target;
var handleResult = function() {
var s = '';
var evaled = false;
showloading('none');
try {
s = $(ajaxframeid).contentWindow.document.XMLDocument.text;
} catch (e) {
try {
s = $(ajaxframeid).contentWindow.document.documentElement.firstChild.wholeText;
} catch (e) {
try {
s = $(ajaxframeid).contentWindow.document.documentElement.firstChild.nodeValue;
} catch (e) {
s = '內(nèi)部錯(cuò)誤,無(wú)法顯示此內(nèi)容';
}
}
}
if (s != '' && s.indexOf('ajaxerror') != -1) {
evalscript(s);
evaled = true;
}
if (showidclass) {
$(showid).className = showidclass;
if (submitbtn) {
submitbtn.disabled = false;
}
}
if (!evaled && (typeof ajaxerror == 'undefined' || !ajaxerror)) {
ajaxinnerhtml($(showid), s);
}
ajaxerror = null;
if ($(formid)) $(formid).target = formtarget;
if (typeof recall == 'function') {
recall();
} else {
eval(recall);
}
if (!evaled) evalscript(s);
ajaxframe.loading = 0;
$('append_parent').removeChild(ajaxframe);
};
if (!ajaxframe) {
try {
ajaxframe = document.createElement('<iframe name="' + ajaxframeid + '" id="' + ajaxframeid + '"></iframe>');
} catch (e) {
ajaxframe = document.createElement('iframe');
ajaxframe.name = ajaxframeid;
ajaxframe.id = ajaxframeid;
}
ajaxframe.style.display = 'none';
ajaxframe.loading = 1;
$('append_parent').appendChild(ajaxframe);
} else if (ajaxframe.loading) {
return false;
}
_attachEvent(ajaxframe, 'load', handleResult);
showloading();
$(formid).target = ajaxframeid;
$(formid).action += '&inajax=1';
$(formid).submit();
return false;
}
- 微信jssdk在iframe頁(yè)面失效問(wèn)題的解決措施
- js實(shí)現(xiàn)iframe框架取值的方法(兼容IE,firefox,chrome等)
- JS動(dòng)態(tài)添加iframe的代碼
- iframe中子父類(lèi)窗口調(diào)用JS的方法及注意事項(xiàng)
- js改變Iframe中Src的方法
- js實(shí)現(xiàn)刷新iframe的方法匯總
- JS動(dòng)態(tài)修改iframe內(nèi)嵌網(wǎng)頁(yè)地址的方法
- js實(shí)現(xiàn)iframe跨頁(yè)面調(diào)用函數(shù)的方法
- js中iframe調(diào)用父頁(yè)面的方法
- 禁止iframe頁(yè)面的所有js腳本如alert及彈出窗口等
- jquery、js調(diào)用iframe父窗口與子窗口元素的方法整理
- iframe子頁(yè)面與父頁(yè)面在同域或不同域下的js通信
- js調(diào)用iframe實(shí)現(xiàn)打印頁(yè)面內(nèi)容的方法
- 通過(guò)隱藏iframe實(shí)現(xiàn)文件下載的js方法介紹
- javascript 獲取iframe里頁(yè)面中元素值的方法
- Javascript iframe交互并兼容各種瀏覽器的解決方法
相關(guān)文章
純JS實(shí)現(xiàn)圖片驗(yàn)證碼功能并兼容IE6-8(推薦)
這篇文章主要介紹了純JS實(shí)現(xiàn)圖片驗(yàn)證碼功能并兼容IE6-8瀏覽器,需要的朋友可以參考下2017-04-04
js中addEventListener()與removeEventListener()用法案例分析
這篇文章主要介紹了js中addEventListener()與removeEventListener()用法,結(jié)合實(shí)例形式分析了js中addEventListener()與removeEventListener()基本功能、用法與操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
javascript實(shí)現(xiàn)樹(shù)形菜單的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)樹(shù)形菜單的方法,涉及javascript動(dòng)態(tài)操作頁(yè)面元素與節(jié)點(diǎn)屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
setInterval 和 setTimeout會(huì)產(chǎn)生內(nèi)存溢出
jscript 5.7 發(fā)布修復(fù)了不少ie javascript內(nèi)存泄露的問(wèn)題。但是leak依然存在。當(dāng)我們頻繁使用 setInterval 和 setTimeout 時(shí)就會(huì)每幾秒鐘出現(xiàn)32k leak...2008-02-02
原生js實(shí)現(xiàn)秒表計(jì)時(shí)器功能
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)秒表計(jì)時(shí)器功能,可以開(kāi)始、暫停、清除,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
JavaScript數(shù)組Array對(duì)象增加和刪除元素方法總結(jié)
這篇文章主要介紹了JavaScript數(shù)組Array對(duì)象增加和刪除元素方法,實(shí)例總結(jié)了pop方法、push方法、splice方法、concat方法等的使用技巧,需要的朋友可以參考下2015-01-01
微信企業(yè)號(hào)開(kāi)發(fā)之微信考勤百度地圖定位
本文給大家介紹微信企業(yè)號(hào)開(kāi)發(fā)之微信考勤百度地圖定位,有需要的朋友參考下本篇文章2015-09-09

