ホームページ >ウェブフロントエンド >jsチュートリアル >Internet Explorerの表形式データ制御を使用します

Internet Explorerの表形式データ制御を使用します

Joseph Gordon-Levitt
Joseph Gordon-Levittオリジナル
2025-03-09 00:41:10830ブラウズ

Using The Tabular Data Control in Internet Explorer

出力が表示されます:Premshree 19

スパンタグの属性に注意してください。 DataSRC使用するデータソースを指定します。これは、初期化したオブジェクトのIDと同じです(ここでは「data1」)。 DataFLD属性は、表示するデータのフィールドを指定します。データファイルのデータ1.txtには、ご覧のとおり、2つのフィールドが「名前」と「年齢」がありました。 datafldを「名前」として指定すると、名前が表示されます

上記のメソッドを使用して、テキストファイルからデータを任意のHTML要素に抽出できることに注意してください。しかし、上記の方法は、データファイルに1つ以上のエントリが含まれている場合、すべての値を直接抽出できないという点では非効率的です。

これらの場合、

タグを使用します。次の例で表示されるように、テーブルタグには特別なプロパティがあります。

テキストファイルに3人の名前、年齢、性別を保存する簡単な例を考えてみましょう。次に、このデータを抽出し、ウェブページに表形式で表示したいと思います。

テキストファイル、data2.txtは次のようになります

ここで、上記のすべてのデータを抽出し、次のように表形式を(data2.htm経由)に表示できます。

出力は次のようになります:
name|age|sex <br>
~Premshree Pillai~|~19~|~male~ <br>
~Vinod~|~18~|~male~ <br>
~Usha~|~19~|~female~

<OBJECT ID="data2" CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <br>
  <PARAM NAME="DataURL" VALUE="data2.txt"> <br>
  <PARAM NAME="UseHeader" VALUE="TRUE"> <br>
  <PARAM NAME="TextQualifier" VALUE="~"> <br>
  <PARAM NAME="FieldDelim" VALUE="|"> <br>
</OBJECT> <br>
 <br>
<TABLE DATASRC="#data2" BORDER="2"> <br>
<THEAD> <br>
  <TH>Name :</TH> <br>
  <TH>Age :</TH> <br>
  <TH>Sex :</TH> <br>
</THEAD> <br>
<TR> <br>
  <TD><SPAN DATAFLD="name"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="age"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="sex"></SPAN></TD> <br>
</TR> <br>
</TABLE>
したがって、

3つの異なる

タグ(列)で3つのデータフィールド(dataFld)を1回だけ指定しました。 Webページは、3セットの値のすべて(3行)を自動的に表示します。 テキストファイルに必要なコンテンツを追加できます。これらの値を抽出するHTMLコードを変更する必要はありません。

Internet Explorerの表形式データ制御を使用します

表のデータコントロールとJavaScript

JavaScriptを使用して表形式のデータ制御オブジェクトを操作することができます。最初の例では、要素がデータファイルの最初のエントリを表示しました。次に、ファイルに別のエントリを追加するとします。データファイル(data1.txt)は、次のようになりました

さて、2番目のエントリ(つまり、Vinod 18)を見たい場合は、次のようにできます。

さて、出力は次のとおりです
上記のスクリプトはかなり自明です。最初に、レコードセットメソッドを使用して、データファイルのデータ全体を変数データセットに保存します。 movenext()メソッドは、次のデータ項目(次の行)を指します。使用できる他の方法のいくつかは次のとおりです

name|age  <br>
~Premshree Pillai~|~19~  <br>
~Vinod~|~18~
movefirst() - 最初のデータ項目(最初の行)を指します

movelast() - 最後のデータ項目(最終行)を指します
<OBJECT ID="data1" CLASSID="CLSID:333C7BC4-460F-11D0-  <br>
BC04-0080C7055A83">  <br>
  <PARAM NAME="DataURL" VALUE="data1.txt">  <br>
  <PARAM NAME="UseHeader" VALUE="TRUE">  <br>
  <PARAM NAME="TextQualifier" VALUE="~">  <br>
  <PARAM NAME="FieldDelim" VALUE="|">  <br>
</OBJECT>  <br>
  <br>
<SCRIPT LANGUAGE="JavaScript">  <br>
/* Get the complete data record set */  <br>
var dataSet=data1.recordset;  <br>
  <br>
/* Go to next data */  <br>
dataSet.moveNext();  <br>
</SCRIPT>  <br>
  <br>
<SPAN DATASRC="#data1" DATAFLD="name"></SPAN>  <br>
  <br>
<SPAN DATASRC="#data1" DATAFLD="age"></SPAN>

EOF-このプロパティは、ファイルの終了に到達したかどうかを確認するために使用されます。

さあ、この記事をより動的な例でまとめます。特定のURLを指す各メッセージで複数のメッセージを表示するJavaScriptティッカーを作成します。ここでは、ティッカーがメッセージと対応するURLをテキストファイル(ArchiveからTickerData.txt)から読み取ります。このコードを完全に理解するには、動的なHTML手法に精通している必要があります。

「TickerData.txtファイル)は次のとおりです

name|age|sex <br>
~Premshree Pillai~|~19~|~male~ <br>
~Vinod~|~18~|~male~ <br>
~Usha~|~19~|~female~
およびTickerStyle.cssファイル:

<OBJECT ID="data2" CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <br>
  <PARAM NAME="DataURL" VALUE="data2.txt"> <br>
  <PARAM NAME="UseHeader" VALUE="TRUE"> <br>
  <PARAM NAME="TextQualifier" VALUE="~"> <br>
  <PARAM NAME="FieldDelim" VALUE="|"> <br>
</OBJECT> <br>
 <br>
<TABLE DATASRC="#data2" BORDER="2"> <br>
<THEAD> <br>
  <TH>Name :</TH> <br>
  <TH>Age :</TH> <br>
  <TH>Sex :</TH> <br>
</THEAD> <br>
<TR> <br>
  <TD><SPAN DATAFLD="name"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="age"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="sex"></SPAN></TD> <br>
</TR> <br>
</TABLE>
そして最後に、ティッカー.htm:

インターネットエクスプローラーコントロールに関するよくある質問(FAQ)
name|age  <br>
~Premshree Pillai~|~19~  <br>
~Vinod~|~18~

Internet Explorer Controlとは何ですか?それはどのように機能しますか?

​​

インターネットエクスプローラーコントロールは、開発者がインターネットエクスプローラーの機能をアプリケーションに組み込むことができる機能です。 Webbrowser ActiveXコントロールを使用して機能します。これは、任意のアプリケーションに追加され、C#やVB.Netなどの言語を使用してプログラムできます。このコントロールは、とりわけナビゲーション、履歴、お気に入りなど、さまざまな機能を提供します。また、開発者はコントロールにロードされたHTMLドキュメントと対話し、Webページを操作したり、情報を抽出したりすることができます。その後、コントロールをフォームにドラッグアンドドロップできます。追加されたら、プロパティウィンドウを使用してコードを直接使用してコントロールのプログラミングを開始できます。

Webbrowserコントロールを使用してWebページにナビゲートするにはどうすればよいですか?

Webbrowserコントロールを使用してWebページに移動するには、ナビゲートメソッドを使用できます。このメソッドは、ナビゲートするWebページのURLである文字列パラメーターを取ります。たとえば、Googleにナビゲートするには、次のコードを使用します:webbrowser1.navigate( "http://www.google.com");

WebbrowserコントロールにロードされたHTMLドキュメントと対話するにはどうすればよいですか?このプロパティは、htmldocumentオブジェクトを返します。これは、ページ内のHTML要素と対話するために使用できます。たとえば、getElementByIDメソッドを使用してIDで要素を見つけてから、そのプロパティを操作できます。

javaScriptをWebbrowserコントロールで使用できますか?このコントロールは、ロードされたWebページのコンテキストでJavaScriptコードを実行できるInvokeScriptメソッドを提供します。このメソッドは、実行するJavaScriptコードである文字列パラメーターを取得します。

Webbrowserコントロール内のナビゲーションイベントを処理するにはどうすればよいですか?

Webbrowserコントロールは、コードで処理できるいくつかのイベントを提供します。たとえば、コントロールが新しいWebページに移動する前にナビゲートイベントが提起され、ナビゲーションが完了した後にナビゲートされたイベントが提起されます。これらのイベントを処理して、ローディングインジケーターの表示やアドレスバーの更新など、ナビゲーションの前後にアクションを実行できます。

アプリケーションからインターネットエクスプローラー設定を制御できますか? Webbrowser Controlは、Internet Explorerアプリケーションと同じ設定を使用するため、設定に変更すると、コントロールとアプリケーションの両方に影響します。ただし、インターネットエクスプローラーを使用する際のユーザーのエクスペリエンスに影響を与える可能性があるため、これはすべての場合に望ましくない可能性があることに留意してください。このプロパティは、表示するHTMLコンテンツである文字列パラメーターを採用します。たとえば、次のコードを使用して、シンプルなHTMLページを表示できます:webbrowser1.documenttext = " hello、world! ";

ファイルをダウンロードするには、ファイルをダウンロードできます。コントロールは、ダウンロードするファイルのURLに移動するために使用できるナビゲートメソッドを提供します。ファイルは、ユーザーがWebページのダウンロードリンクをクリックした場合と同じようにダウンロードされます。

Webbrowserコントロールを使用する際に注意する必要がある制限や問題はありますか?これは、一部のWebページがコントロールに正しく表示されない可能性があることを意味します。また、ユーザーがシステム上でインターネットエクスプローラーを無効にしている場合、コントロールは正しく機能しない場合があります。

以上がInternet Explorerの表形式データ制御を使用しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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