Heim > Web-Frontend > js-Tutorial > Verwenden der tabellarischen Datensteuerung im Internet Explorer

Verwenden der tabellarischen Datensteuerung im Internet Explorer

Joseph Gordon-Levitt
Freigeben: 2025-03-09 00:41:10
Original
837 Leute haben es durchsucht

Using The Tabular Data Control in Internet Explorer

Die Ausgabe wird angezeigt: Premshhree 19

Beachten Sie die Attribute mit Tags. DataSrc gibt die zu verwendende Datenquelle an, die wie die ID des von uns initialisierten Objekts entspricht (hier „Data11“). Das DataFLD -Attribut gibt das Feld der Daten an, die wir anzeigen möchten. Die Datendateidaten1.txt hatte zwei Felder "Name" und "Alter", wie Sie sehen können. Wenn Sie die DataFLD als "Name" angeben, wird der Name angezeigt.

Beachten Sie, dass Sie mit der obigen Methode Daten aus einer Textdatei in ein beliebiges HTML -Element extrahieren können. Die obige Methode ist jedoch ineffizient, wenn unsere Datendatei mehr als 1 Eintrag enthält, wir können nicht alle Werte direkt extrahieren.

In diesen Fällen verwenden wir das

-Tag. Das Tabellen -Tag verfügt über eine spezielle Eigenschaft, wie wir im folgenden Beispiel sehen werden.

Betrachten Sie ein einfaches Beispiel, in dem wir den Namen, das Alter und das Geschlecht von 3 Personen in einer Textdatei speichern. Jetzt möchten wir diese Daten extrahieren und auf der Webseite in tabellarischer Form anzeigen.

Die Textdatei, data2.txt sieht folgendermaßen aus:

name|age|sex <br>
~Premshree Pillai~|~19~|~male~ <br>
~Vinod~|~18~|~male~ <br>
~Usha~|~19~|~female~
Nach dem Login kopieren
Nach dem Login kopieren

Jetzt können wir alle oben genannten Daten extrahieren und in (über Data2.htm) eine tabellarische Form wie folgt anzeigen:

<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>
Nach dem Login kopieren
Nach dem Login kopieren

Die Ausgabe sieht so aus:

Verwenden der tabellarischen Datensteuerung im Internet Explorer

Wir haben also die drei Datenfelder (DataFLD) in 3 verschiedenen

-Tags (Spalten) nur einmal angegeben. Auf der Webseite wird automatisch alle 3 Wertesätze (3 Zeilen) angezeigt.

Wir können in der Textdatei so viel Inhalt hinzufügen, wie wir möchten, und wir müssen keine Änderungen an dem HTML -Code vornehmen, der diese Werte extrahiert.

tabellarische Datenregelung und JavaScript

Es ist möglich, das tabellarische Datenregelobjekt mit JavaScript zu manipulieren. Im ersten Beispiel zeigte das Element den ersten Eintrag der Datendatei. Nehmen wir nun an, wir fügen der Datei einen weiteren Eintrag hinzu. Die Datendatei (data1.txt) sieht jetzt so aus:

name|age  <br>
~Premshree Pillai~|~19~  <br>
~Vinod~|~18~
Nach dem Login kopieren
Nach dem Login kopieren

Wenn wir jetzt den zweiten Eintrag sehen wollen (d. H. Vinod 18), können wir es so tun:

<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>
Nach dem Login kopieren

Jetzt ist der Ausgang: Vinod 18

Das obige Skript ist ziemlich selbsterklärend. Zunächst speichern wir die gesamten Daten der Datendatei in einem variablen Datensatz mit der Datensatzmethode. Die Methode moveEXT () verweist auf das nächste Datenelement (nächste Zeile). Einige andere Methoden, die verwendet werden können, sind:

  • MOVEFIRST () - Zeigen Sie auf das erste Datenelement (erste Zeile)
  • movelast () - Zeigen Sie auf das letzte Datenelement (letzte Zeile)
  • eof - Diese Eigenschaft wird verwendet, um zu prüfen, ob wir das Ende der Datei erreicht haben.

Jetzt werde ich diesen Artikel mit einem dynamischeren Beispiel abschließen. Ich erstelle einen JavaScript -Ticker, der eine Reihe von Nachrichten anzeigt, wobei jede Nachricht auf eine bestimmte URL zeigt. Hier liest der Ticker seine Nachrichten und die entsprechende URL aus einer Textdatei (TickerData.txt aus dem Archiv). Für ein vollständiges Verständnis dieses Code müssen Sie mit dynamischen HTML -Techniken vertraut sein.

Hier ist die TickerData.txt -Datei:

name|age|sex <br>
~Premshree Pillai~|~19~|~male~ <br>
~Vinod~|~18~|~male~ <br>
~Usha~|~19~|~female~
Nach dem Login kopieren
Nach dem Login kopieren

und die Datei tickerSyle.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>
Nach dem Login kopieren
Nach dem Login kopieren

und zuletzt Ticker.htm:

name|age  <br>
~Premshree Pillai~|~19~  <br>
~Vinod~|~18~
Nach dem Login kopieren
Nach dem Login kopieren

häufig gestellte Fragen (FAQs) zu Internet Explorer Control

Was ist die Kontrolle von Internet Explorer und wie funktioniert es? Es funktioniert mit dem Webbrowser ActiveX -Steuerelement, der zu jeder Anwendung hinzugefügt und mit Sprachen wie C# oder vb.net programmiert werden kann. Diese Kontrolle bietet eine Reihe von Funktionen, einschließlich Navigation, Geschichte und Favoriten unter anderem. Außerdem können Entwickler mit dem in der Steuerung geladenen HTML -Dokument interagieren, sodass sie die Webseiten manipulieren oder Informationen extrahieren können. Sie können dann die Steuerung auf Ihr Formular ziehen und fallen lassen. Sobald Sie hinzugefügt werden, können Sie das Steuerelement mithilfe des Eigenschaftenfensters oder direkt in Ihrem Code programmieren. Diese Methode enthält einen String -Parameter, bei dem es sich um die URL der Webseite handelt, auf die Sie navigieren möchten. Zum Beispiel, um zu Google zu navigieren, verwenden Sie den folgenden Code: webbrowser1.navigate ("http://www.google.com");

Wie kann ich mit dem HTML -Dokument, das in der Ladung der Webbrowser geladen wird, mit dem HTML -Dokument, das in der Dokument -Eigenschaft geladen wird, interagieren. Diese Eigenschaft gibt ein HTMLDocument -Objekt zurück, mit dem Sie mit den HTML -Elementen auf der Seite interagieren können. Sie können beispielsweise die GetElementById -Methode verwenden, um ein Element nach seiner ID zu finden, und dann ihre Eigenschaften manipulieren. Das Steuerelement bietet die InvokeScript -Methode, mit der Sie JavaScript -Code im Kontext der geladenen Webseite ausführen können. Diese Methode enthält einen String -Parameter, der der JavaScript -Code ist, den Sie ausführen möchten.

Wie kann ich Navigationsereignisse in der Webbrowser -Steuerung bewältigen? Zum Beispiel wird das Navigatereignis vor dem Navigieren der Steuerung zu einer neuen Webseite angehoben, und das navigierte Ereignis wird nach Abschluss der Navigation angehoben. Sie können diese Ereignisse vor oder nach der Navigation ausführen, z. B. eine Ladeanzeige oder Aktualisierung der Adressleiste. Die Webbrowser -Steuerung verwendet dieselben Einstellungen wie die Internet Explorer -Anwendung. Daher wirkt sich alle Änderungen an den Einstellungen sowohl auf die Steuerung als auch die Anwendung aus. Beachten Sie jedoch, dass dies in allen Fällen möglicherweise nicht wünschenswert ist, da dies die Erfahrung des Benutzers bei der Verwendung des Internet -Explorers beeinflussen kann. Diese Eigenschaft nimmt einen String -Parameter auf, der der HTML -Inhalt ist, den Sie anzeigen möchten. Sie können beispielsweise den folgenden Code verwenden, um eine einfache HTML -Seite anzuzeigen: WebBrowser1.DocumentText = " Hallo, Welt! Das Steuerelement bietet die Navigationsmethode, mit der Sie zur URL der Datei navigieren können, die Sie herunterladen möchten. Die Datei wird auf die gleiche Weise heruntergeladen, als hätte der Benutzer auf einen Download-Link in einer Webseite geklickt. Dies bedeutet, dass einige Webseiten im Steuerelement möglicherweise nicht korrekt angezeigt werden. Außerdem funktioniert die Steuerung möglicherweise nicht korrekt, wenn der Benutzer Internet Explorer in seinem System deaktiviert hat.

Das obige ist der detaillierte Inhalt vonVerwenden der tabellarischen Datensteuerung im Internet Explorer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage