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 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:
Kawalan Data Tabular dan JavaScript Adalah mungkin untuk memanipulasi objek kawalan data jadual menggunakan JavaScript. Dalam contoh pertama, elemen
moveFirst () - menunjuk ke item data pertama (baris pertama) movelast () - tunjuk ke item data terakhir (baris terakhir) 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: dan fail tickerstyle.css: Dan akhirnya, ticker.htm: 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 = "
output akan dipaparkan: Premshree 19
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>
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.
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 <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 - Harta ini digunakan untuk memeriksa sama ada kami telah mencapai akhir fail.
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>
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?
Atas ialah kandungan terperinci Menggunakan Kawalan Data Tabular di Internet Explorer. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza, masing -masing sesuai untuk senario aplikasi yang berbeza. Java digunakan untuk pembangunan aplikasi perusahaan dan mudah alih yang besar, sementara JavaScript digunakan terutamanya untuk pembangunan laman web.

JavaScriptcommentsareessentialformaintaining,reading,andguidingcodeexecution.1)Single-linecommentsareusedforquickexplanations.2)Multi-linecommentsexplaincomplexlogicorprovidedetaileddocumentation.3)Inlinecommentsclarifyspecificpartsofcode.Bestpractic

Titik berikut harus diperhatikan apabila tarikh pemprosesan dan masa di JavaScript: 1. Terdapat banyak cara untuk membuat objek tarikh. Adalah disyorkan untuk menggunakan rentetan format ISO untuk memastikan keserasian; 2. Dapatkan dan tetapkan maklumat masa boleh diperoleh dan tetapkan kaedah, dan ambil perhatian bahawa bulan bermula dari 0; 3. Tarikh pemformatan secara manual memerlukan rentetan, dan perpustakaan pihak ketiga juga boleh digunakan; 4. Adalah disyorkan untuk menggunakan perpustakaan yang menyokong zon masa, seperti Luxon. Menguasai perkara -perkara utama ini secara berkesan dapat mengelakkan kesilapan yang sama.

PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

JavaScriptispreferredforwebdevelopment, whersjavaisbetterforlarge-scalebackendsystemsandandroidapps.1) javascriptexcelsinceleatinginteractiveWebexperienceswithitsdynamicnatureanddommanipulation.2) javaoffersstrongyblectionandobjection

Penangkapan dan gelembung acara adalah dua peringkat penyebaran acara di Dom. Tangkap adalah dari lapisan atas ke elemen sasaran, dan gelembung adalah dari elemen sasaran ke lapisan atas. 1. Penangkapan acara dilaksanakan dengan menetapkan parameter useCapture addeventlistener kepada benar; 2. Bubble acara adalah tingkah laku lalai, useCapture ditetapkan kepada palsu atau ditinggalkan; 3. Penyebaran acara boleh digunakan untuk mencegah penyebaran acara; 4. Acara menggelegak menyokong delegasi acara untuk meningkatkan kecekapan pemprosesan kandungan dinamik; 5. Penangkapan boleh digunakan untuk memintas peristiwa terlebih dahulu, seperti pemprosesan pembalakan atau ralat. Memahami kedua -dua fasa ini membantu mengawal masa dan bagaimana JavaScript bertindak balas terhadap operasi pengguna.

JavascripthassevenfundamentalDatypes: nombor, rentetan, boolean, undefined, null, objek, andsymbol.1) numberuseadouble-precisionformat, bergunaforwidevaluangesbutbecautiouswithfloating-pointarithmetic.2)

Jika aplikasi JavaScript memuat perlahan -lahan dan mempunyai prestasi yang buruk, masalahnya adalah bahawa muatan terlalu besar. Penyelesaian termasuk: 1. Penggunaan kod pemisahan (codesplitting), memecah bundle besar ke dalam pelbagai fail kecil melalui react.lazy () atau membina alat, dan memuatkannya seperti yang diperlukan untuk mengurangkan muat turun pertama; 2. Keluarkan kod yang tidak digunakan (treeshaking), gunakan mekanisme modul ES6 untuk membersihkan "kod mati" untuk memastikan perpustakaan yang diperkenalkan menyokong ciri ini; 3. Memampatkan dan menggabungkan fail sumber, membolehkan GZIP/Brotli dan Terser memampatkan JS, menggabungkan fail dan mengoptimumkan sumber statik; 4. Gantikan kebergantungan tugas berat dan pilih perpustakaan ringan seperti hari.js dan ambil
