ホームページ  >  記事  >  ウェブフロントエンド  >  iframe属性の使い方

iframe属性の使い方

小云云
小云云オリジナル
2017-11-17 09:15:543369ブラウズ

初期段階で 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(&#39;phpernote&#39;);    
document.write(iframe.scrollHeight);//滚动条高度    
document.write(iframe.scrollWidth);//滚动条宽度    
</script>

以上が iframe 属性の詳細な説明です。次に、エディターが iframe の高さを適応的に設定する方法を説明します。 PHP中国語ウェブサイト。

関連する推奨事項:

iframe とメインフレーム間のクロスドメイン相互アクセス方法の紹介

iframe と親ページのドメイン内およびクロスドメイン通信の例

フレームと iframe の違いは何ですかHTML で

以上がiframe属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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