ホームページ  >  記事  >  ウェブフロントエンド  >  主流のブラウザと互換性のある JavaScript で動的に生成された iframe メソッド_JavaScript スキル

主流のブラウザと互換性のある JavaScript で動的に生成された iframe メソッド_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 16:49:571366ブラウズ

次のコードは IE8 では正常に実行されますが、IE9 では失敗します:

コードをコピー コードは次のとおりです:

document.createElement('');

エラー メッセージ: 例外: SCRIPT5022: DOM 例外: INVALID_CHARACTER_ERR (5)

アイデア分析:
ステップ 1: IE9、Firefox、Opera、Safari およびその他のブラウザと互換性があります。

コードをコピー コードは次のとおりです。
var iframe = document.createElement("iframe");
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;");


ステップ 2: IE6-8 との互換性: IE6-8 は iframe の name 属性を変更できないため

コードをコピー コードは次のとおりです:

var oFrame = isIE ? document.createElement("');
} catch (e) {
ajaxframe = document.createElement('iframe ');
ajaxframe.name = ajaxframeid;
ajaxframe.id = ajaxframeid;
}
ajaxframe.style.display = 'none';
xframe.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;
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。