iframe属性の使い方-htmlチュートリアル-php.cn

iframe属性の使い方

小云云

リリース： 2017-11-17 09:15:54

オリジナル

3419 人が閲覧しました

初期段階で 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中国語ウェブサイト。