操作する動的なコンテンツのブロック

この記事は、たとえば、アプリケーション内の個別コンテンツブロックを定義するための最良の方法では、ドラッグアンドドロップの目的のために問題がaWebアプリケーション内の個別コンテンツブロックを作成するように、定義するために、それらを操作するかどうかの最良の方法を知る必要がdivまたはspan要素、または。理論の多くのWebサイトを表示iframe要素を介してコンテンツをHTMLのdiv要素を使用して単一のブロックとして。 div要素は、ページ上に浮くためのコンテンツができ、それは、HTMLページ上のブロックをドラッグしています。HTMLページには波のイメージでは、ページの上部に沿っていくつかのアイコンがデスクトップです。そのダイアログボックスに似ているウィンドウをデスクトップ内のアプリケーションです。

  

ダイアログボックスや他の多くの要素のすべてのHTMLコンテンツのブロックをdiv要素を使用して定義されます。あなたはまた、埋め込まれたフレームのコンテンツをブロックとして使用されiframeをHTML要素を使用することができます。両方の例では、それは1つのHTMLページであることは明らかではないdiv要素と他のを使用してiframe要素を使用しています。まず、コンテンツのブロックを定義することができます。コンテンツのブロックは、HTMLコンテンツ用のプレースホルダとして機能するHTML要素です。何からコンテンツをブロックを区別する、例えば、表のセル、その場合は、HTMLの階層内の1つの場所から別のコンテンツをブロックするに移動することができます。これは、表のセルを削除することが可能ではない（td要素）とは、フォーム要素の子を確認します。

HTML要素のスパンとdivのコンテンツブロックを定義するための最も一般的に使用される要素です。ソリューションiframe要素対divまたはスパンを使用しての間でコンテンツの表示に大きな違いがどのようにコンテンツをブロックする移入されます。 divまたはスパンコンテンツをブロックする自分自身を生成することはできませんが、外部の割り当てが必要です。割り当てXMLHttpRequestやインラインフレームメソッドを呼び出すことができる。 iframeをsrcプロパティを割り当てることによって、独自のコンテンツをダウンロードすることができます。本質的には、にもかかわらず、あなたはdiv、スパンを使用することができるコンテンツをブロックとインラインフレームは、それぞれ3つのタグの非常に異なる特徴があります。それぞれのタグの機能として定義されて次のとおりです：

•部：アサイン可能なコンテンツをブロックを定義するには、段落の区切り文字として機能します。このことは、HTMLページへの相対的なモードで座標をdiv要素を追加すると、任意のHTML要素の後に配置さは、HTMLページのdiv要素の下に位置しているということです。ときに、絶対モードでは、ダイアログボックスのように振る舞うことができるdiv要素の座標を使用します。 div要素は常にHTMLページの一部です。

•iframeを：ここで、スクリプトでは、srcプロパティを割り当てることによって、独自のコンテンツをロードすることができるコンテンツ、またはインラインフレームを割り当てることができるコンテンツをブロックを定義します。 iframe要素をHTMLページ内のHTMLページを作成するようなものを使用する。たとえば、もしあなたのスクリプトは、親HTMLページのコンテンツを台無しにしないのiframeのコンテンツを台無しにする。コンテンツの分離が異なる値を持つ同じ名前の変数や関数を定義することが可能になります。

 ソース： /サイト/ルート/ Ajaxの記事/ DHTMLビューア/ dataplaceholder.html データのプレースホルダの例 
 
これは、含まれていますrunalong本文です 言葉 に置き換えることができます

次のコードをどのようにdivやspan要素を定義する方法を示します：

と一部のテキストが埋め込まれた（ 
 インラインdiv要素 
 ）と埋め込み（ ブロックspan要素でより多くのテキスト）。

また、直接参照されるHTML要素を囲む操作することなく参照できるようにHTMLページ内のコンテンツを表示するには、スパンとdiv要素を使用することができます。これで、エラーメッセージを作成するとします。場合は、エラーが発生する前に、その場合は、エラーメッセージを隠しておく必要がありますが発生するエラーメッセージを表示しないでください。あなたは、span要素を非表示には、次のHTMLコードを使用することができます：

（  ）

span要素を実際に隠されているが、それはいくつかのテキストを非表示にされることは明らかだ。のためのスペースは、span要素が必要これは、まだ撮影は明白です。それを一種のようにダチョウは地面の中に頭の棒。確かに、あなたとはお互いに参照することはできませんが、ダチョウはまだそこに知っている。 span要素、または特定の任意のHTML要素を非表示にするには、あなたがテキストの配置を決定するために使用されるdisplayプロパティの値を使用します。完全には、ディスプレイなしのサブプロパティは、次の例で示すように設定要素を非表示にするには：

（ 空のスペース ）

また、spanやdiv要素内のJavaScriptのオブジェクトのシリアル化の結果などの参照データを格納するためのHTML要素を非表示にすることができます。欠点spanやdiv要素のinnerHTMLプロパティを使用してHTMLコンテンツをエスケープする必要がありますまたはエンコードされ。をエスケープするかHTMLエンコードの問題を示して、次のソースコードを考えます：

Document.getElementByIdにて（""）でエスケープ。="innerHTML"2"1  ";（"valueescaped"）の値Document.getElementByIdにて= Document.getElementByIdにて（"エスケープ"）。innerHTML;

この例では、このメソッドはgetElementByIdをスパン識別子を持つdiv要素への参照を取得脱出した。 innerHTMLプロパティは、予約文字の番号を含む文字列を割り当てられている（"、"）。その後は、innerHTMLプロパティの値は、HTML要素は、テキストエリアであるときは、テキスト、HTMLコメントに囲まれてvalueescapedに割り当てられている（ ）は、HTMLパーサを、特殊文字を処理しようとしていません。今のコンテンツをブロックするとiframe要素の使用について説明しましょう。参考のため、iframe要素divまたはspan要素とは、XMLHttpRequestオブジェクトの組み合わせです。除いて、フレームは、HTMLページ上に浮くことができますiframe要素をHTMLのフレームのようです。たとえば、テストするには、この資料では、テストページのページのインラインフレームを参照するページが含まれますテストを記述する。 iframeを使用すると、取得し、フレームには、コンテンツの表示の責任を委譲しています。ターンでは、これがどのようにコンテンツを取得されて表示されます。たとえば、ナビゲーションの電子メールのリストを含んで以下のコントロールを与えることができます参照および表示の他のウィンドウで行います。 iframe要素を使用して簡単な例を見てみましょう：

この例では、iframe要素の初期高さと幅を持つ、と宣言されますが、URLは、src属性で定義されたコンテンツをダウンロードするように設定されます。としては、iframeが要求されるものをダウンロードし、iframeのURLは何か、することができます。もし、URLには、親HTMLページと同じ起源政策の下で、その後は、iframe内のスクリプトを参照できるのDOMが、該当する場合は、URLと同じ起源のポリシーに該当しない場合は、コンテンツは、DOMによってダウンロードされることはできませんスクリプトによって参照されます。場合は、スクリプトを参照するにはコンテンツへのアクセスが発生する例外を否定しようとするときのレンダリング、iframeをフレームのように、しかし、深さが生成さそうでない場合はdivまたはspan要素と同様に動作し、ユーザーと対話することができますなど。 iframeがスパンとdiv要素と同じ規則が隠れて、または整列の要素に従う。割り当てることができますかcontentWindowまたはcontentDocumentプロパティを使用しては、iframeウィンドウ内のデータを取得します。次の例では、インラインフレームからdiv要素の内容のコピーを示しています：

念頭に置いて作成時に、コンテンツのチャンクを管理する以下の点を保持：

•また、コンテンツブロックの3つのタイプ：スパンはdiv、とiframeている。

•ときにコンテンツをブロックするようにdiv要素を使用して、を代入することや、コンテンツを取得するための責任だ。

•ときにコンテンツをブロックするとiframe要素を使用して、iframeを取得し、コンテンツをレンダリングするための責任です。

div要素は、HTMLページの一部です•。これは、複数のdiv要素は、同じ識別子を持つことを意味getElementByIdを取得し、最初のインスタンスを返します。は、アプリケーションのプロセス空間にロードされる共有ライブラリとしてdiv要素を考えてください。

•いつiframe要素は、親HTMLページから独立してコンテンツをブロックとして使用される。iframe要素は、親と競合しないように同一の識別子を持つことができます。は、親プロセスに伝えることができる別のプロセスとしてiframe要素を考えてください。

•時のいずれかが異なる2つの戦略を必要とする記憶はiframeやdivのコンテンツをブロックを使用することを選択します。 iframeを委任モデルでは、ここでは、iframeのURLの形式でタスクを与えて使用します。 URLには、インラインフレームとコンテンツの何をどのようにコンテンツを表示することに基づく。 div要素の任意の委任を使用しない場合、すべての側面を表示および操作をコンテンツに関連するコントロールにしています。

記事は、ソニアLandeを提出

免責事項：弊社のウェブサイトは、この資料の内容については責任を負いません。 Webarticles無料の情報リソースです。
重要： この記事は、""動的なコンテンツのブロックの操作の自動ソフトウェアによって翻訳された。大変申し訳ございませんが発生した可能性があります任意のスペルミスを感じている。お客様のご理解いただき、ありがとうございます。


Online: 229 users browsing the articles directory