iframeに関しては、忘れられた角に投げ込んだかもしれませんが、兄弟のフレームについて話すのは見知らぬ人ではありません。フレームタグはフレームタグです。マルチフレーム構造と呼ばれるのは、ブラウザウィンドウに複数のHTMLファイルを表示することです。ここで、非常に現実的な状況に遭遇します。チュートリアルがある場合、一度に1つのセクションと、各ページの最後に前後のセクションへのリンクが作成されます。各セクションのさまざまな内容を除き、ページの他の部分の内容は同じです。ページで愚かなページを作成すると、あまりにも迷惑に思えます。この時点で、あなたは突然の考えを持っています。ページの他の部分を変更せずに保持する方法があり、チュートリアルを他のコンテンツなしでページごとのコンテンツページにのみ作成する方法がある場合。リンクをクリックして上下にターンダウンするときは、チュートリアルのコンテンツのみを変更し、他のコンテンツを変更せずに保ちます。このようにして、1つは時間を節約することであり、将来、チュートリアルに変更がある場合は、軍隊全体に影響を与えないように非常に便利です。さらに重要なことは、広告バナー、列リスト、ナビゲーションなど、ほぼすべてのページであるその他のものをダウンロードして、ダウンロードしなくなりました。
フローティングフレームタグとも呼ばれるiframeタグを使用して、HTMLディスプレイにHTMLドキュメントを埋め込むことができます。フレームタグの最大の機能とは異なります。つまり、このタグで参照されるHTMLファイルは、別のHTMLファイルとは独立して表示されませんが、HTMLファイルに直接埋め込まれ、このHTMLファイルのコンテンツとブレンドされています。さらに、コンテンツを繰り返すことなく、同じコンテンツをページに何度も表示できます。鮮やかなメタファーは、絵のようなテレビです。
それでは、iframeタグの使用について話しましょう。
iframeタグの使用形式は次のとおりです。
<iframe src = url width = x height = x scrolling = [option] frameborder = x> </iframe>
SRC:HTMLファイル、またはテキスト、ASPなどのいずれかであるファイルへのパス。
幅、高さ:写真の画像領域の幅と高さ。
スクロール:SRCの指定されたHTMLファイルが指定された領域に表示されない場合、スクロールオプション。 NOに設定されている場合、スクロールバーは表示されません。 Autoの場合:スクロールバーが自動的に表示されます。イエスの場合、表示されます。
Frameborder:エリアボーダーの幅は、写真の写真を隣接するコンテンツとブレンドするために、しばしば0に設定されています。
例えば:
<iframe src = http://netschool.cpcw.com/homepage width = 250 height = 200 scrolling = no frameborder = 0> </iframe>
2。親フォームとフローティングフレーム間の相互制御スクリプト言語とオブジェクトの階層では、IFRAMEを含むウィンドウは親フォームと呼ばれ、フローティングフレームは子フォームと呼ばれます。これら2つの関係を理解することが重要です。なぜなら、親フォームの子フォームにアクセスするか、その逆には、プログラムを通じてフォームにアクセスして制御するには、オブジェクト階層について明確にする必要があるからです。
1。子フォームの子形式のオブジェクトにアクセスして制御する
親の形では、iframe、つまり子の形はドキュメントオブジェクトの子オブジェクトであり、子形式のオブジェクトに直接アクセスできます。
今、質問があります。つまり、このiframeをどのように制御するのでしょうか?ここでは、iframeオブジェクトについて話す必要があります。このタグにID属性を設定した後、Document Object Model Domを使用して、IFRAMEに含まれるHTMLを制御できます。
たとえば、example.htmにtest.htmファイルを埋め込み、test.htmでいくつかのタグ付きオブジェクトを制御します。
<iframe src = test.htm id = test width = 250 height = 200 scrolling = no frameborder = 0> </iframe>
test.htmファイルコードは次のとおりです。
<html>
<body>
<h1 id = myh1>こんにちは、私の男の子</h1>
</body>
</html>
ID番号MYH1を持つH1タグのテキストをHelloに変更したい場合は、私の愛する人です。
document.myh1.innertext = hello、私の愛する人(ドキュメントを保存できる場所)
example.htmファイルでは、iframeタグオブジェクトによって参照されるサブフォームは一般的なDHTMLオブジェクトモデルと一致しており、オブジェクトのアクセス制御方法は同じであるため、再び繰り返されません。
2。子フォームの親形式のオブジェクトにアクセスして制御する
子の形では、親、つまり親(親)オブジェクトを介して親ウィンドウのオブジェクトにアクセスできます。
たとえば、htm:
<html>
<body onclick = alert(tt.myh1.innerhtml)>
<iframe name = tt src = frame1.htm width = 250 height = 200 scrolling = no frameborder = 0> </iframe>
<h1 id = myh2>こんにちは、妻</h1>
</body>
</html>
Frame1.htmのID番号Myh2を備えたタイトルテキストにアクセスし、私の友人、こんにちはに変更したい場合は、次のように書くことができます。
parent.myh2.innertext =こんにちは、私の友人
ここで、親オブジェクトは現在のフォーム(example.htmが配置されている形式)を表します。子フォームの親形式のオブジェクトにアクセスする必要があり、それらはすべて、例外なく親オブジェクトを介して実行されます。
IFRAMEは別のHTMLファイルに埋め込まれていますが、比較的独立したままであり、独立の領域です。単一のHTMLの特性は、フローティングフレームにも適しています。
iframeタグを介して、それらの不変のコンテンツをiframesとして表すことができます。そうすれば、同じコンテンツを繰り返す必要がないことを想像してください。これは、プログラミングのプロセスや機能に少し似ており、多くの面倒な手動労働を節約します!さらに、レイアウト調整のために各ページを変更する必要がないため、ページの変更をより実現可能にすることが重要です。親フォームのレイアウトを変更するだけです。
注意すべきことの1つは、NestscapeブラウザがIFrameタグをサポートしていないことですが、IEの世界ではこれは問題ないようです。 Iframeタグを広く使用しています。これは、自分自身を考慮しているだけでなく、ネチズンのオンライン費用を節約します。どうしてそれをしないの?
フローティングフレームは、HTML4.0仕様の定義であり、現在ブラウザがサポートしています。
フレームセットで表されるパーティションとは異なり、フローティングフレームはWebページ上に組み込みのオブジェクトとして存在し、そのスタイルはページ上のグラフやアプレットのようなものです。フローティングフレームは、<iframe>タグを使用します。このタグは、名前、src、marginwidth、marginheight、frameborder、scrollingを含む<frame>と同じ属性設定のほとんどを備えています。同時に、グラフィックスまたはアプレットと同じ高さ、幅、アライメントプロパティもあります。
さらに、フローティングフレームは、通常のフレームと同じターゲット原理に従います。その名前で指すことができます。この原則は、あらゆるタイプのフレームのフローティングフレームに適用されます。そうしないと、簡単に行うことができます。フローティングフレームにトラゲットのないリンクはそれ自体を指し、_ Parentリンクは<iframe>を含むドキュメントが配置されているフレームまたはウィンドウを指します。例えば:
<iframe name = floater src = start.htm width = 150 height = 200 hspace = 10 align = left>
<img src = images/noframe.gif alt =フローティングフレームが表示されません
width = 150 height = 200 hspace = 10 align = right>
</iframe> <br>
<a href = one.htmターゲット= floater> show one.htm </a> <p>
<a href = 2.htmターゲット= floater> show two.htm </a> <p>
<a href = start.htm target = floater> start.htm </a>を戻します
<iframe>タグをサポートするブラウザの場合、<iframe>と</iframe>の間にあるコンテンツは無視されることに注意してください。代わりに、その中のコンテンツが表示されます。これは、現在のブラウザが<iframe>をサポートしていないことを説明するために使用できます。