JavaScript/Składniki JavaScriptu

Z Wikibooks, biblioteki wolnych podręczników.

Javascript
ECMAScript Document Object Model Browser Object Model


[edytuj] ECMAScript

Rdzeniem Javascriptu jest ECMAScript - obiektowy język skryptowy, powstały na wskutek standaryzacji języka JavaScript. Standaryzacja języka gwarantuje nam, że wszystkie typy, wartości, obiekty, właściwości, funkcje oraz składnie zdefiniowane w standardzie, wykorzystywane w naszym skrypcie będą tak samo zachowywać się niezależnie od przeglądarki internetowej. Zgodność z ECMAscriptem oznacza że:

  • implementacja obiektów wbudowanych jest zgodna z definicją w standardzie ECMA-262[1],
  • jest zaimplementowana obsługa kodowania UTF-8.

Dodatkowo jest dopuszczalna implementacja obiektów, właściwości, funkcji, wartości i typów nie uwzględnionych w standardzie ECMA-262. Popularnymi implementacjami takich obiektów są: XMLHttpRequest i ActiveXObject.

Poniżej przedstawiona jest Tabelka zgodności z ECMAScriptem, zawierająca już historyczne dziś przeglądarki.

Przeglądarka Internetowa Zgodność z ECMAScriptem
Netscape Navigator 2.0 - 4.05 brak
Netscape Navigator 4.06 - 4.79 w wersji 1
Netscape Navigator ≥ 6.0 w wersji 3
Mozilla ≥ 0.6 (SeaMonkey) w wersji 3
Firefox w wersji 3
Internet Explorer 3.0 - 4.0 brak
Internet Explorer 5.0 w wersji 1
Internet Explorer ≥ 5.5 w wersji 3
Opera 6.0 - 7.1 w wersji 2
Opera ≥ 7.2 w wersji 3
Safari ≥ 1.0 w wersji 3
Konqueror ≥ 2.0 w wersji 3
Porada Zgodność z ECMAScriptem nie oznacza tego, że we wszystkich przeglądarkach internetowych tak samo zostały zaimplementowane funkcje specyficzne dla BOM oraz dla DOM.
Porada Obecnie wykorzystywane przeglądarki inernetowe są zgodne z wersją trzecią standardu ECMA-262


[edytuj] Model obiektowy dokumentu

Model DOM (Document Object Model) w JavaScripcie to interfejs API dla języków SGML takich jak HTML i XML. Dzięki temu modelowi zostaje odwzorowana cała struktura dokumentu,a co najważniejsze jest uzyskiwany w tenże sposób dostęp do prawie wszystkich obiektów i właściwości obiektów. Dla przykładu kod HTML:

 <html>
 <head></head>
 <body>
  <h1></h1>
  <p></p>
 </body>
 </html>

można przedstawić jako diagram hierarchii węzłów modelu DOM. Simpe HTML page DOM.svg

Sposób odwoływania się do poszczególnych części dokumentu, następuje poprzez przejście przez odpowiednie węzły modelu DOM.

Do zrobienia Do zrobienia:
Może diagram bez napisów


[edytuj] Model obiektowy przeglądarki

Model BOM (Browser Object Model) w JavaScripcie to interfejs API do manipulowania zachowaniem przeglądarki internetowej. Do modelu BOM można zaliczyć:

  1. Okna przeglądarki.
    1. Otwieranie nowych okien w przeglądarce.
    2. Manipulacja narzędziami i paskiem stanu przeglądarki.
    3. Przemieszczanie się po stronach internetowych.
    4. Okna dialogowe.
  2. Ekran.
    1. Rozdzielczość i pozycja elementów na ekranie monitora.
  3. Cookies.
    1. Manipulacja ciasteczkami przeglądarki.
  4. XMLHttpRequest - łaczenie się przeglądarki z serwerem w tle.
  5. ActiveXObject - bardzo potężne narzędzie do tworzenia obiektów ActiveX.
Porada Obiekt ActiveXObject występuje tylko w Internet Explorer, zamiast obiektu XMLHttpRequest.