Ondřej Žára, @0ndras
F12 → Console → zkoušet!
var str = "hello " + ' world';
var num = 123 + 456.789; // IEEE 754
var wtf = true;
null
(a undefined
)var pole = ["foo", "bar", 3.14];
var data = {
jmeno: "Petr",
"prijmeni": "Novák"
}
var plus = function(a, b) {
return a+b;
}
if (a && b) { ... }
for (var i=0; i<pole.length; i++) { ... }
try { ... } catch (e) { ... }
switch (x) {
case y:
break;
}
<!-- kdekoliv ve stránce -->
<script src="soubor.js"></script>
<script>
alert("mighty magickz!");
</script>
window
a document
var druhyOdkaz = document.querySelectorAll("a")[1];
var obrazek = document.querySelector("p > img");
var odstavec = obrazek.parentNode;
var potomek = odstavec.firstChild;
alert(odstavec.innerHTML);
var odstavec = document.querySelector("p");
odstavec.innerHTML = "Generováno <em>skriptem</em>";
var obrazek = document.createElement("img");
obrazek.src = "...";
odstavec.appendChild(obrazek);
var p = document.querySelector("p");
var posluchac = function() {
alert("kliknuto");
}
p.addEventListener("click", posluchac); // předáno odkazem
/* ... */
p.removeEventListener("click", posluchac);
„Kdo nezná svou minulost, je odsouzen ji opakovat.“
<p onclick="alert(1)">
p.onclick = posluchac;
p.addEventListener("click", posluchac);
document.body.addEventListener("click", function(e) {
alert(e.type); // "click"
alert(e.clientX); // souřadnice kurzoru
alert(e.target); // ?
alert(e.ctrlKey); // informace o klávesách
});
var form = document.querySelector("form");
form.addEventListener("submit", function(e) {
e.preventDefault(); // formulář nebude odeslán
});
var odkaz = document.querySelector("a");
odkaz.addEventListener("click", function(e) {
e.stopPropagation(); // nikdo další se nedozví
});
this
new
var request = new XMLHttpRequest();
request.open("get", "/jina/stranka.html", true);
request.send();
request.addEventListener("load", function(e) {
alert(request.status);
alert(request.responseText);
});
var request = new XMLHttpRequest();
request.open("get", "/jina/stranka.html", true);
request.send();
request.onreadystatechange = function(e) {
if (request.readyState != 4) { return; }
alert(request.status);
alert(request.responseText);
}