iframe-auto-adjust.js

概要

iframe要素でスクロールバーが出ないよう、リンク先文書に合わせた width, height をセットします。(Google Chrome 6, Firefox v3.6.6, Opera v10.62, IE8 で動作確認済み)

• DOCTYPEスイッチで標準準拠モードにスイッチしている必要があります。後方互換モードでは動作しません。
• クロスドメイン制限があるため、異なるドメインのiframe文書の高さを調節することはできません。(HTML5 の window.postMessage は解決策の一つ)

Download

• iframeAutoAdjust.js: iframeの高さをリンク先文書の高さにする — Gist

サンプル

参考URL

DOM仕様書

• Interface HTMLIFrameElement - DOM L2 HTML
• Interface HTMLIFrameElement - DOM L2 HTML (ja)

HTML5

• 4.8.2 The iframe element - HTML5 (WHATWG)
• 9.2 Cross-document messaging - HTML5 (WHATWG)

MDC

• window.postMessage - MDC

MSDN

• iframe Object
• contentWindow Property

RFC

• [RFC3986] Uniform Resource Identifier (URI): Generic Syntax

その他

• IE9ではDOMContentLoaded をサポートするようだ - ppBlog
• JavaScript インラインフレーム(iframe)関連 - とみぞーノート