Menggunakan Kawalan Data Tabular di Internet Explorer

output akan dipaparkan: Premshree 19

Perhatikan atribut dengan tag span. DataSrc Menentukan sumber data untuk digunakan, yang sama dengan ID objek yang telah kita mulakan (di sini, 'Data1'). Atribut DataFld Menentukan medan data yang ingin kami paparkan. Data data data1.txt mempunyai dua nama 'nama' dan 'umur' seperti yang anda lihat. Menentukan datafld sebagai 'nama' akan memaparkan nama.

Perhatikan bahawa menggunakan kaedah di atas, anda boleh mengekstrak data dari fail teks ke mana -mana elemen HTML; Tetapi kaedah di atas tidak cekap kerana jika fail data kami mengandungi lebih daripada 1 entri, kami tidak akan dapat mengekstrak semua nilai secara langsung.

Dalam kes ini kita menggunakan tag . Tag jadual mempunyai harta khas, seperti yang akan kita lihat dalam contoh berikut.

Pertimbangkan contoh mudah di mana kami menyimpan nama, umur dan jantina 3 orang dalam fail teks. Sekarang, kami ingin mengekstrak data ini dan memaparkannya di laman web dalam bentuk tabular.

fail teks, data2.txt kelihatan seperti ini:

Sekarang, kita boleh mengekstrak semua data di atas dan memaparkannya dalam (melalui data2.htm) bentuk jadual seperti berikut:

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

output akan kelihatan seperti ini:

<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>

Oleh itu, kami telah menetapkan tiga bidang data (datafld) dalam 3 tag yang berbeza (lajur) hanya sekali. Laman web secara automatik memaparkan semua 3 set nilai (3 baris).

kita boleh menambah sebanyak kandungan yang kita mahu ke fail teks, dan kita tidak perlu membuat sebarang pengubahsuaian kepada kod HTML yang mengekstrak nilai -nilai ini.

Kawalan Data Tabular dan JavaScript

Adalah mungkin untuk memanipulasi objek kawalan data jadual menggunakan JavaScript. Dalam contoh pertama, elemen memaparkan entri pertama fail data. Sekarang, katakan kami menambah entri lain ke fail; Fail data (data1.txt) kini kelihatan seperti ini:

Sekarang, jika kita mahu melihat entri kedua (iaitu Vinod 18), kita boleh melakukannya seperti ini:

name|age  <br>
~Premshree Pillai~|~19~  <br>
~Vinod~|~18~

Sekarang, output akan menjadi: Vinod 18

skrip di atas adalah penjelasan sendiri. Pada mulanya kami menyimpan keseluruhan data fail data dalam dataset yang berubah -ubah menggunakan kaedah Recordset. Kaedah MoveNext () menunjuk kepada item data seterusnya (baris seterusnya). Beberapa kaedah lain yang boleh digunakan ialah:

<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>

moveFirst () - menunjuk ke item data pertama (baris pertama)

movelast () - tunjuk ke item data terakhir (baris terakhir)

EOF - Harta ini digunakan untuk memeriksa sama ada kami telah mencapai akhir fail.

Sekarang, saya akan membungkus artikel ini dengan contoh yang lebih dinamik. Saya akan membuat ticker JavaScript yang memaparkan beberapa mesej dengan setiap mesej yang menunjuk ke URL tertentu. Di sini, ticker akan membaca mesejnya dan URL yang sepadan dari fail teks (tickerData.txt dari arkib). Untuk pemahaman penuh mengenai kod ini, anda mesti biasa dengan teknik HTML yang dinamik.

inilah fail tickerdata.txt:

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

dan fail 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>

Dan akhirnya, ticker.htm:

name|age  <br>
~Premshree Pillai~|~19~  <br>
~Vinod~|~18~

Soalan Lazim (Soalan Lazim) Mengenai Kawalan Internet Explorer

Apakah kawalan Internet Explorer dan bagaimana ia berfungsi? Ia berfungsi dengan menggunakan kawalan Webbrowser ActiveX, yang boleh ditambah ke mana -mana aplikasi dan diprogramkan menggunakan bahasa seperti C# atau VB.NET. Kawalan ini menyediakan pelbagai fungsi, termasuk navigasi, sejarah, dan kegemaran, antara lain. Ia juga membolehkan pemaju berinteraksi dengan dokumen HTML yang dimuatkan di dalam kawalan, membolehkan mereka memanipulasi laman web atau mengekstrak maklumat. Anda kemudian boleh menyeret dan menjatuhkan kawalan ke borang anda. Sebaik sahaja ditambah, anda boleh memulakan pengaturcaraan kawalan menggunakan tetingkap Properties atau secara langsung dalam kod anda. Kaedah ini mengambil parameter rentetan, iaitu URL laman web yang anda mahu navigasi. Sebagai contoh, untuk menavigasi ke Google, anda akan menggunakan kod berikut: WebBrowser1.Navigate ("http://www.google.com"); Harta ini mengembalikan objek htmldocument, yang boleh anda gunakan untuk berinteraksi dengan elemen HTML di halaman. Sebagai contoh, anda boleh menggunakan kaedah getElementByID untuk mencari elemen oleh IDnya, dan kemudian memanipulasi sifatnya. Kawalan menyediakan kaedah InvokeScript, yang membolehkan anda melaksanakan kod JavaScript dalam konteks laman web yang dimuatkan. Kaedah ini mengambil parameter rentetan, iaitu kod JavaScript yang anda mahu laksanakan.

Bagaimana saya boleh mengendalikan peristiwa navigasi dalam kawalan webbrowser?

Kawalan WebBrowser menyediakan beberapa peristiwa yang boleh anda kendalikan dalam kod anda. Sebagai contoh, acara pelayaran dinaikkan sebelum kawalan menavigasi ke laman web baru, dan acara yang dilayari dinaikkan selepas navigasi selesai. Anda boleh mengendalikan peristiwa ini untuk melakukan tindakan sebelum atau selepas navigasi, seperti menunjukkan penunjuk pemuatan atau mengemas kini bar alamat. Kawalan WebBrowser menggunakan tetapan yang sama seperti aplikasi Internet Explorer, jadi sebarang perubahan yang anda buat pada tetapan akan mempengaruhi kedua -dua kawalan dan aplikasi. Walau bagaimanapun, perlu diingat bahawa ini mungkin tidak wajar dalam semua kes, kerana ia boleh menjejaskan pengalaman pengguna apabila menggunakan Internet Explorer. Harta ini mengambil parameter rentetan, iaitu kandungan HTML yang ingin anda paparkan. Sebagai contoh, anda boleh menggunakan kod berikut untuk memaparkan halaman HTML yang mudah: WebBrowser1.documentText = "

Hello, World! "; Kawalan menyediakan kaedah navigasi, yang boleh anda gunakan untuk menavigasi ke URL fail yang ingin anda muat turun. Fail tersebut akan dimuat turun dengan cara yang sama seolah-olah pengguna telah mengklik pada pautan muat turun di laman web. Ini bermakna beberapa halaman web mungkin tidak dipaparkan dengan betul dalam kawalan. Juga, kawalan mungkin tidak berfungsi dengan betul jika pengguna telah melumpuhkan Internet Explorer pada sistem mereka.

Atas ialah kandungan terperinci Menggunakan Kawalan Data Tabular di Internet Explorer. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!