ホームページ > 記事 > ウェブフロントエンド > iframe属性の使い方
初期段階で HTML を学習すると、iframe の属性値に遭遇します。実際、iframe は非常に興味深いタグです。これから後輩たちに話します。 HTML iframe タグの機能は、別のドキュメントを含むインライン フレーム (つまり、インライン フレーム) を作成することです。平たく言えば、HTML ページに別の HTML ページを埋め込むことです。このラベルは比較的一般的であり、実際の作業では重要です。たとえば、iframe は基本的に一般的な Web プロジェクトのバックグラウンドで使用され、さまざまなメールボックスにログインすると、左側のリンクをクリックすると右側の Web ページに切り替わるという効果が得られます。 iframe 経由で。
すべてのブラウザは iframe タグをサポートしているため、互換性の問題はありません。
iframe のより一般的な使用法は次のとおりです:
<iframe name="main" width="100%" height="200" frameborder="0" scrolling="no" src="http://www.phpernote.com/"></iframe>
上記のコードのパラメーターは、実際の状況に応じて変更する必要があります。 ここでは、iframe の一般的な属性をいくつか示します。
name iframeの名前を設定します
longdesc iframeの記述に関しては、この属性は基本的に現在の主流ブラウザには対応していないため、使用する必要はありません
border iframeの端の幅を設定します
bordercolor を設定しますiframe の境界線の色、値は RGB カラーまたは色の名前にすることができます
frameboder 境界線が 3D であるかどうかを設定します (0=いいえ、1=はい)
height iframe の高さを設定します (利用可能なピクセル値またはパーセンテージ) )
width iframeの幅を設定します(利用可能なピクセル値またはパーセンテージ)
marginheightはiframeの上下のマージンを定義します
marginwidthはiframeの左右のマージンを定義します
scrolling スクロールバーの有無(利用可能)値はyes、no、autoです)
srcはiframeによって呼び出されるファイルを指定します(html、htm、gif、jpeg、jpg、png、txt、*.*などの参照ファイル)
noresizeはサイズ変更を禁止します。 IE Core ブラウザのみをサポートします
allowtransparency 透明性を許可するかどうか。 IE5.5 では、フローティング フレームのコンテンツの透明性のサポートが開始されます。フローティング フレームに透明なコンテンツを定義する場合は、次の条件を満たす必要があります。
1. iframe 要素で使用されるallowTransparencyタグ属性はtrueに設定する必要があります。
2. iframe コンテンツ ソース ドキュメントでは、background-color または body 要素の bgColor タグ属性を透明に設定する必要があります。
例は以下のとおりです:
(1) 親フレームのページコード
<body bgColor="#eeeeee"> <iframe allowTransparency="true" src="phpernote.html" noresize></iframe>
(2) 子フレームのページコード(つまり、phpernote.htmlページのコード)
<body bgColor="transparent">
3. iframeのid属性を指定し、高さとを取得します。 iframe のスクロール バーの幅の合計
<iframe id="phpernote" src="www.phpernote.com"></iframe> <script type="text/javascript"> var iframe=document.getElementById('phpernote'); document.write(iframe.scrollHeight);//滚动条高度 document.write(iframe.scrollWidth);//滚动条宽度 </script>
以上が iframe 属性の詳細な説明です。次に、エディターが iframe の高さを適応的に設定する方法を説明します。 PHP中国語ウェブサイト。
関連する推奨事項:
iframe とメインフレーム間のクロスドメイン相互アクセス方法の紹介
iframe と親ページのドメイン内およびクロスドメイン通信の例
以上がiframe属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。