Zusammenfassung mehrerer APIs oder Tipps in HTML5, die Sie nicht verpassen sollten

<Abschnitt Kontextmenü="MeinMenü">
<!--
Aus Gründen der Sauberkeit
Ich werde mein Menü in das Element einfügen, das es verwenden wird
-->
<!-- Menü hinzufügen -->
<menu type="context" id="mymenu">
<menuitem label="Beitrag aktualisieren" onclick="window.location.reload();" icon="/images/refresh-icon.png"></menuitem>
<menu label="Teilen auf..." icon="/images/share_icon.gif">
<menuitem label="Twitter" icon="/images/twitter_icon.gif" onclick="goTo('//twitter.com/intent/tweet?text=' + document.title + ': ' + window.location.href);"></menuitem>
<menuitem label="Facebook" icon="/images/facebook_icon16x16.gif" onclick="goTo('//facebook.com/sharer/sharer.php?u=' + window.location.href);"></menuitem>
</Menü>
</Menü>
</Abschnitt>

<div id="myDiv" data-name="myDiv" data-id="myId" data-my-custom-key="Dies ist der Wert"></div>

// Das Element holen
var element = document.getElementById("myDiv");
// ID abrufen
var id = element.dataset.id;
// Daten abrufen - mein benutzerdefinierter Schlüssel"
var customKey = element.dataset.myCustomKey;
// Setze den neuen Wert
element.dataset.myCustomKey = "Ein anderer Wert";

// Senden Sie vom Fenster oder Frame auf Domäne 1 eine Nachricht an den Iframe, der eine andere Domäne hostet
var iframeWindow = document.getElementById("iframe").contentWindow;
iframeWindow.postMessage("Hallo aus dem ersten Fenster!");
// Aus dem Iframe auf einem anderen Host heraus Nachricht empfangen
window.addEventListener("Nachricht", Funktion(Ereignis) {
wenn (event.origin == "http://davidwalsh.name") {
// Die Nachricht abmelden
konsole.log(ereignis.daten);
// Sende eine Nachricht zurück
event.source.postMessage("Hallo zurück!");
}
]);

<input autofocus="Autofokus" />
<button autofocus="autofocus">Hallo!</button>
<textarea autofocus="Autofokus"></textarea>