Pertimbangan XML
Berikut ialah senarai teknik yang anda harus cuba elakkan apabila bekerja dengan XML.
Internet Explorer - XML Data Island
Apakah itu? Pulau data XML ialah data XML yang dibenamkan dalam halaman HTML.
Mengapa anda perlu mengelaknya? Pulau data XML hanya berfungsi dalam penyemak imbas Internet Explorer.
Menggantikannya dengan apa? Anda harus menggunakan JavaScript dan DOM XML dalam HTML untuk menghuraikan dan memaparkan XML.
Untuk mendapatkan maklumat lanjut tentang JavaScript dan XML DOM, lawati tutorial XML DOM kami.
Contoh Pulau Data XML
Contoh ini menggunakan dokumen XML "cd_catalog.xml".
Mengikat dokumen XML kepada teg <xml> Atribut id mentakrifkan pengecam pulau data, manakala atribut src menghala ke fail XML:
Instance
<html> <body> <xml id="cdcat" src="cd_catalog.xml"></xml> <table border="1" datasrc="#cdcat"> <tr> <td><span datafld="ARTIST"></span></td> <td><span datafld="TITLE"></span></td> </tr> </table> </body> </html>
Running Instance»
Klik butang "Jalankan Contoh" untuk melihat contoh dalam talian
<jadual> Atribut datasrc teg mengikat jadual HTML ke pulau data XML. Teg
<span> membenarkan atribut datafld merujuk kepada elemen XML untuk dipaparkan. Dalam contoh ini, rujukannya ialah "ARTIS" dan "TAJUK". Apabila XML dibaca, baris jadual yang sepadan dibuat untuk setiap elemen <CD>
Internet Explorer - Gelagat
Apakah itu? Internet Explorer 5 memperkenalkan gelagat. Gelagat ialah cara untuk menambahkan gelagat pada elemen XML (atau HTML) dengan menggunakan gaya CSS.
Mengapa anda perlu mengelaknya? Hanya Internet Explorer menyokong atribut tingkah laku.
Apa yang perlu digunakan sebaliknya? Gunakan JavaScript dan XML DOM (atau HTML DOM) sebaliknya.
Contoh 1 - Sorotan Tetikus
Elemen <style> dalam fail HTML di bawah mentakrifkan kelakuan untuk elemen <h1> html>
<head>h1 { behavior: url(behave.htc) }
</style>
< ;/kepala>
<badan>
<h1>Tetikus di atas saya!!!</h1>
</badan>
< /html> ;
Yang berikut menunjukkan dokumen XML "behave.htc" (fail mengandungi JavaScript dan pengendali acara untuk elemen):
<html>
<head>
<style type="text/css">
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>
<h1>Mouse over me!!!</h1>
</body>
</html>
Jalankan Instance»Klik butang "Run Instance" untuk melihat contoh dalam talian
Contoh 2 - Simulasi Mesin Taip
Elemen <style> dalam fail HTML berikut mentakrifkan tingkah laku untuk elemen dengan id "menaip":
<head>
<style type="text/css">
#typing
{
behavior:url(typing.htc);
font-family :'courier new';
}
</style>
</head>
<badan>
<span id="typing" speed=" 100">IE5 memperkenalkan gelagat DHTML.
Gelagat ialah satu cara untuk menambahkan kefungsian DHTML pada elemen HTML
dengan kemudahan CSS.<br /><br />Bagaimanakah tingkah laku berfungsi?< ;br />
Dengan menggunakan XML kami boleh memautkan gelagat kepada mana-mana elemen dalam halaman web
dan memanipulasi elemen tersebut.</p>v </span>
</body>
</html>
Berikut ialah dokumen XML "typing.htc":
Instance
<attach for="window" event="onload" handler="beginTyping" />
<method name="type" />
<script>
var i,text1,text2,textLength,t;
function beginTyping()
{
i=0;
text1=element.innerText;
textLength=text1.length;
element.innerText="";
text2="";
t=window.setInterval(element.id+".type()",speed);
}
function type()
{
text2=text2+text1.substring(i,i+1);
element.innerText=text2;
i=i+1;
if (i==textLength)
{
clearInterval(t);
}
}
</script>Run instance»
Klik butang "Run instance" untuk melihat instance dalam talian
