HTML5 Javascript API

november 23, 2010 § Lämna en kommentar

HTML5 har en hel del nya funktioner. Nyheterna finns inom HTML, CSS och naturligtvis JavaScript. Den officiella versionen av HTML5 specifikationen sägs att inte bli helt färdigutvecklad förrän 2022.

Majoriteten av JavaScript-funktioner som beskrivs närmare är redan genomförda i moderna webbläsare (t.ex. Sarafi, Chrome, Firefox, Opera). Även Internet Explorer fått möjlighet att göra canvas och andra grejer (antar vi använder ExplorerCanvas eller Chrome Frame).
Ta en närmare titt på vad som kommer att göra ditt liv enklare:

Hur många gånger har du undrat varför det finns getElementById, getElementsByTagName, men inte getElementByClassName? Nya JavaScript API löser detta problemet:

var element = document.getElementsByClassName (‘dagbok’);

Dessutom finns det nu möjlighet att hämta element på ett nytt sätt:
var elements = document.querySelectorAll(”ul li:nth-child(odd)”);
var first_td = document.querySelector(”table.test > tr > td”);

Web Storage (sessionStorage, localStorage)

Cookies har vissa nackdelar. Som W3C sade:

1. Om webbplatsen använder cookies för att hålla koll på vilken biljett användaren köper, när användaren då klickar mellan olika sidor i windows, skulle biljetten som blev köpt ”läcka” från de ena fönstret till det andra, möjligtvis skulle ett dubbelköp kunna uppstå för samma biljett och flygning utan att personen lade märke till något.

2.
Webbapplikationer kan vilja spara flera megabyte av data på klient sidan, till exempel för ett färdig skrivet dokument eller en användares mailbox. Cookies hanterar inte det här bra. Eftersom det baseras på varje begäran.

Såhär gör man för att rädda data varje gång en tangent blir tryckt:
textarea.addEventListener(‘keyup’, function () { window.localStorage[‘value’] = area.value; window.localStorage[‘timestamp’] = (new Date()).getTime(); }, false); textarea.value = window.localStorage[‘value’];

Annonser

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s

Vad är detta?

Du läser för närvarande HTML5 Javascript APITobiasboman's Blog.

Meta

%d bloggare gillar detta: