javascript中兼容主流浏览器的动态生成iframe方法_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript中兼容主流浏览器的动态生成iframe方法_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3346字，纯文字阅读大概需要5分钟。
内容图文
以下代码在IE8下运行通过，在IE9中出错：document.createElement('');
错误提示：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; //这里仅仅简单的对是否是IE进行判断，详细浏览器判断：请参考浏览器类型侦测
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 = '内部错误，无法显示此内容';
}
}
}
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('');
} 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;
}
内容总结
以上是互联网集市为您收集整理的javascript中兼容主流浏览器的动态生成iframe方法_javascript技巧全部内容，希望文章能够帮你解决javascript中兼容主流浏览器的动态生成iframe方法_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。