E4X © Reiska, 2012. JavaScript  Keksittiin 1995 (Ensin Netscape 2 selaimeen: Mocha  LiveScript  JavaScript)  Standardoitiin vuonna 1997  ECMA-262.

Esitys aiheesta: "E4X © Reiska, 2012. JavaScript  Keksittiin 1995 (Ensin Netscape 2 selaimeen: Mocha  LiveScript  JavaScript)  Standardoitiin vuonna 1997  ECMA-262."— Esityksen transkriptio:

1 E4X © Reiska, 2012

2 JavaScript  Keksittiin 1995 (Ensin Netscape 2 selaimeen: Mocha  LiveScript  JavaScript)  Standardoitiin vuonna 1997  ECMA-262 Edition 3 standardi vuonna 2000: JavaScript 1.5/JScript5/ActionScript3. Edition 5 vuonna 2009. ECMA-262  Selainten oletus (default) skriptauskieli.  Kaikkien Mozilla- ja Google-sovellusten perusta.

3 E4X, ECMAScript for XML  Aloitteen tekijä ECMAScript for XML standardille oli BEA (nykyisin Oracle):  John Schneider, Terry Lucas ja muut  Tehtiin XML operaatioiden helpottamiseksi  Oliopohjainen  uusi XML olio  Korvaa sekä transformaatio- eli XSLT teknologioita että proseduraalisia eli DOM-navigointiteknologioita.  XML on olio, esim. var x = new XML();  Toimii lausekkeissa, taulukoissa, olioissa ja funktioissa muuttujista ja olioista tutulla tavalla.  Standardi ECMA-357, 2 nd edition (December 2005) ja ISO/IEC 22537. Kuuluu JavaScript 1.6+:aan.ECMA-357

4 E4X  Laajennus ECMA-262 Scriptiin, virallinen standardi (ECMA 357), joka lisää skriptaukseen suoran XML-tuen.  XML-olio määritellään samalla tavalla kuin esim. Date- tai Array-oliotkin, eli ”natiivisti”:  var x = new XML(); // XML-olio x  var y = new Date(); // Date-olio y  var z = new Array(); // Array-olio z  XML-oliona käsittely JavaScriptillä on ”luonnollisempaa” kuin esimerkiksi DOM (Document Object Model) mallilla.  Esimerkkejä (Tutki selaimella lähdekoodit). Esimerkkejä

5 XML ja JavaScript  Uusi XML olio voidaan luoda suoraan merkkijonosta var sposti = new XML(" sisältö ");  tai yksinkertaisesti vain kirjoittamalla var sposti = Reiska... jne... ;  HUOM:  Sidonta DOM ja E4X mallien välillä puuttuu molempiin suuntiin  Eli XML käärettä DOM olioille ei ole: var xmlObj = new XML(domObj); // Ei toimi!!!

6 E4X  XML-dokumentti on olio, joka on helppo jäsentää (parse). Esimerkiksi, jos: var x = new XML(); x = 2012-03-30 Tove Jani Reminder Don't forget me this weekend! ;

7 E4X document.write(x.body.@attr); document.write(": "+x.body);  tulostaa attribuutin ja elementin sisällön: runko: Don’t forget me this weekend!

8 Tutut piste-operaattorit Reino Aarinen Tekniikantie 2 Pori Satakunta... Hilavitkutin Hihhuli 2.50 30 var osoite = order.customer.address; var toinen_tuote = order.item[1];

9 Uudet operaattorit var tilaus = … 5 10 2.5 30 1.5 50 ; var tuotteet = tilaus.item; // XMLList item-elementeistä var hinnat = tilaus..price; // Jälkeläinen var urgentItems = tilaus.item.(@level == "rush"); // Ehto var itemAttrs = tilaus.item[1].@*; // Kaikki attribuutit

10 Esimerkki

11 Muuttujat elementtien ja attribuuttien nimissä

12 Iterointi

13 Esimerkki html-sivun tuottamisesta:

14 … tuottaa koodin