iframe アダプティブ幅、高さ ie6 7 8、Firefox 3.86 テストに合格しました_JavaScript スキル

手間をかけずに、コードを貼り付けることは、独自のコード ストレージとみなすことができます。

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

var temp_iframe
var content = document .getElementById( 'right'); // right の ID を持つ DOM コンテナで、iframe を作成し、幅と高さを調整します
var c = 0;
function append(filename)
{
var the_iframe = " helpfile" c;
temp_iframe = document.createElement("iframe");
temp_iframe.scrolling = "no"; Frameborder", " 0");
temp_iframe.id = the_iframe;
temp_iframe.name = the_iframe;
scroll(0, 0);
content.innerHTML = "";
コンテンツ.appendChild(temp_iframe );
if (document.all)
{
temp_iframe.attachEvent('onload', function()
{
temp_iframe.setAttribute("width", window.フレーム[the_iframe] .document.body.scrollWidth); //適応的な幅
temp_iframe.setAttribute("height", window.frames[the_iframe].document.body.scrollHeight); //適応的な高さ
}) ;
}
else
{
temp_iframe.addEventListener('load', function()
{
temp_iframe.setAttribute("width", window.frames[the_iframe].document) .body .scrollWidth);
temp_iframe.setAttribute("height", window.frames[the_iframe].document.body.scrollHeight);
}
c ; >return false;
}
/*メソッド
を呼び出します。このスクリプトをスクリプト ファイル (iframe.js) として保存し、フロント ページで呼び出します:
-------- ---------------------------------------------------- ---- ----------

---------------------------------------------------- ---- -------------
または、スクリプトの最後の return false を削除します。フロントエンド:
------ -------------------------------------------------------- -------------- --
div id="right">

-------------------------------------------------------- -------------- -
*/


適応的な幅と高さの最終設定は、実際に呼び出す関数にすることができます。
私はそれをしませんでした。記事を見た友達は自分でパッケージ化できます。

その中には、作成した iframe の名前と ID を毎回変える必要があったり、元の iframe をすぐに削除することができないなど、まだ不便な点がいくつかあります。それでもアドバイスをいただければ幸いです。