ホームページ >ウェブフロントエンド >jsチュートリアル >Internet Explorerの表形式データ制御を使用します
出力が表示されます:Premshree 19
スパンタグの属性に注意してください。 DataSRC使用するデータソースを指定します。これは、初期化したオブジェクトのIDと同じです(ここでは「data1」)。 DataFLD属性は、表示するデータのフィールドを指定します。データファイルのデータ1.txtには、ご覧のとおり、2つのフィールドが「名前」と「年齢」がありました。 datafldを「名前」として指定すると、名前が表示されます
上記のメソッドを使用して、テキストファイルからデータを任意のHTML要素に抽出できることに注意してください。しかし、上記の方法は、データファイルに1つ以上のエントリが含まれている場合、すべての値を直接抽出できないという点では非効率的です。これらの場合、
タグ(列)で3つのデータフィールド(dataFld)を1回だけ指定しました。 Webページは、3セットの値のすべて(3行)を自動的に表示します。
テキストファイルに必要なコンテンツを追加できます。これらの値を抽出するHTMLコードを変更する必要はありません。
表のデータコントロールと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コードである文字列パラメーターを取得します。
|
以上がInternet Explorerの表形式データ制御を使用しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。