フロントエンドのWebベースのチュートリアル「ピクチャーインピクチャー」効果 - のiframeタグで使用します

 

今日では、サイトを通じて、それはいくつかの低速を持っていましたが、バナー、列の画像は、著作権及びその他のものは均一なスタイルのウェブサイトの同じ、もちろん、うちの多くを配置する必要があり、それが必要な広告効果が何であるかを、ほぼすべてのページ、これは、理解しやすいですすべての後に、ユーザーはこれらの事の「装飾」「ますますやつれたお金をなくす」などの財布を作ることができ、そしてこれらに類似のものはダウンロード後にダウンロードする必要はありませんようにする方法はありません、ダウンロードのみのコンテンツページのコンテンツには、エリアを変更しますそれは?

  答えは間違いなく次のとおりです。インラインフレームタグ!

  A、インラインフレームを使用して標識

  iFrameを持ち上げて、あなたはすでに見知らぬ人ではありません彼の兄弟フレームの話、「忘れられたコーナー」に投入されてもよいが。ラベル付けされたフレームマークフレームは、我々は、マルチフレーム構造について話しているブラウザウィンドウに複数のHTMLファイルを表示することです。今、私たちは非常に現実的なシナリオに遭遇しました:コースは、「最後の」、「次のセクション」のリンクを作るために、各ページの最後に、地面のいずれかである場合、チュートリアルコンテンツ差の各セクションに加えて、ページによってページを愚かにする場合だけでなく、ページの他の部分は、同じであり、それはあまりにも退屈して、同じページの他の部分を聞かせする方法がある場合、唯一のチュートリアルを行うことを考えているようですそのようなチュートリアルがで起こるべきした後、他の人が変更される場合がありますが1で、地方であるので、他のコンテンツの自由なページのコンテンツへのページずつ、あなたがリンクページ上下をクリックして、コースの内容の一部のみを変更して、他の遺跡変わらず、 、それは軍の状況に影響を与えないよう、また、非常に便利である。より重要なものを広告バナー、トピックリストは、ナビゲーションほぼすべてのページには、ダウンロードした後にのみ、最初のピットストップをダウンロードするために何かを持っていることです。

  iframeタグは、また、あなたがHTMLに埋め込まれ表示されたHTML文書でそれを使用することができ、浮動フレームマーカーと呼ばれます。これはすなわち、フレームHTMLファイルに特徴タグは、HTMLファイルの追加の独立表示で参照されていない最大のマークとは異なるが、直接全体、追加として、HTMLファイルの内容とマージ、HTML文書に埋め込むことができます、あなたは繰り返し書き込み内容、「ピクチャーインピクチャー」テレビで鮮やかなメタファーにせずに、ページ内に同じコンテンツを複数回表示することができます。

  今、私たちは、使用のiframeタグについて話しています。

  使用のiframeタグの形式は次のとおりです。

  <IフレームSRC = "URL" 幅= "X" 高さ= "X" スクロール= "[オプション]" FRAMEBORDER = "X"> </ iframe>の

  SRC:ファイルへのパス、いずれかのHTMLファイル、テキスト、ASPなどであってもよいです。

  幅、高さ:幅の広い「ピクチャインピクチャ」と高い領域と、

  セットNO、ないスクロールバーの場合、SRC指定されたHTMLファイルが指定された領域における無限重要でない場合は、オプションをスクロール;例えば自動車など:スクロールバーを自動的にスクロール、はいているように、ディスプレイ。

  FRAMEBORDER:多くの場合、ゼロに設定し、「PIP」と隣接の内容融合を可能にするために、境界領域の幅、。

  例えば:

  <IフレームSRC = "http://www.webjx.com" 幅= "700" 高さ= "500" スクロール= "NO" FRAMEBORDER = "0"> </ iframe>のありません

  第二に、フローティングフレームの親形態との間の相互制御

  スクリプト言語とオブジェクト階層では、ウィンドウは、我々は、フローティングフレームが子フォームと呼ばれている間、親フォームを呼び出して両者の関係が原因でアクセス親フォームでの子ウィンドウに重要であることを理解iFrameを含んでいます体またはその逆は、透明オブジェクト階層は、フォームおよび制御プログラムを介してアクセスすることが可能でなければなりません。

  親形態の1、及びアクセス制御対象サブフォーム

  子フォームは、子オブジェクトのドキュメントオブジェクトである親フォーム、iframe内には、スクリプト内で直接サブフォーム内のオブジェクトにアクセスすることができます。

  今、どのように我々は、オブジェクトがインラインフレームについて話をする必要がiFrameを、制御しない、という問題があります。私たちは、ID属性を設定するには、このタグを与えたときは、HTMLのiframeのシリーズを制御することができますドキュメントオブジェクトモデルDOMに含まれています。

  たとえば、ファイルをTest.htmのexample.htm年で、タグのTest.htmコントロールオブジェクトの一部に組み込まれました:

  <IフレームSRC = "のTest.htm" ID = "テスト" 幅= "700" 高さ= "500" スクロール= "NO" FRAMEBORDER = "0"> </ iframe>の

  Test.htmファイルのコードです:

  <HTML> 
   <BODY> 
    <H1のid = "MYH1">こんにちは、私の少年</ H1> 
   </ BODY> 
  </ HTML>

  我々は、テキストでのH1タグのID番号を変更したい場合はMYH1のこんにちは、私の愛するが、利用可能です:

  document.myH1.innerText =「こんにちは、私の愛する」(これは、文書を保存することができます)

  example.htmファイルでは、iFrameタグオブジェクトは、オブジェクト・アクセス制御として、それらを繰り返さないであろう、一般的なDHTMLオブジェクトモデルと一致するサブフォームにいいます。

フロントエンドの学習qun438905713を作成し、グループのほとんどは、ゼロベースの学習者である、私たちはお互いにお答えし、また学習教材の多くを準備するために、お互いを助けるには、為替のゼロベースのジュニアパートナーを歓迎しました。

  親フォームのサブフォーム2、アクセス制御オブジェクト

  子フォームで、私たちすることができますオブジェクトの親ウィンドウにアクセスするには、親(保護者)のオブジェクトである親によります。

  example.htmとして:

  <HTML> 
   <本体οnclick= "警告(tt.myH1.innerHTML)"> 
    <Iフレーム名= "TT" SRC = "frame1.htm"幅= "700"高さ= =」 "500"スクロール= "NO" FRAMEBORDER 0 "> </ iframe>の 
    <H1のid =" myH2" >こんにちは、私の妻</ H1> 
   </ BODY> 
  </ HTML>

  あなたはframe1.htmタイトルテキストとmyH2の変化「こんにちは、私の友人」のID番号にアクセスしたい場合は、我々は書くことができます。

  parent.myH2.innerText =「こんにちは、私の友人」

  ここで、親オブジェクトは、サブフォームで、オブジェクトの親フォームにアクセスするために、現在のフォーム(形式example.htm)を表し、例外なく、親オブジェクトによって行われます。

  IFRAME別のHTML文書に埋め込まれたが、それは比較的独立したままであるが、単一のHTMLは、フローティングフレームにも同様に適用することで、「独立王国」ヨーヨーです。

  、想像のiframeタグを通じて、私たちは書き込みに同じ内容を繰り返す必要はありませんので、それらの表現インラインフレームに内容を変更することができ、これは、プロシージャまたは関数でプログラミングするようなビットがあり、面倒な手作業の減少の数!また、調整は、各ページのレイアウトを変更する必要はありませんように、あなただけの親フォームにレイアウトを変更する必要がある、ので、それは、ページを変更することより実現可能になることが不可欠です。

  もう一つ注意すべきは、Nestscapeブラウザはインラインフレームタグをサポートしませんが、今日の思考と、広く使われているのiframeタグ、両方の自分自身のための深刻な問題を持っていないように見える世界でIE(ウェブサイト)、およびユーザーの純コスト削減、なぜか?

90元記事公開 ウォン称賛40 ビューに10万+を

おすすめ

転載: blog.csdn.net/webxuexi168/article/details/104433745