spse:pm3:javascript-2

Toto je starší verze dokumentu!


Javascript - Pole, Regulární výrazy, Objekty, DOM

  • JavaScript podporuje tři druhy objektů: objekty definované uživatelem, vestavěné objekty JavaScriptu a objekty prohlížeče.
  • Chceme-li definovat objekt, vytvoříme jej takto:
var person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};
 

Vlastnosti objektu

  • k vlastnostem objektu lze přistupovat dvěma způsoby:
objectName.propertyName
// nebo
objectName["propertyName"]
  • Metodu pro objekt lze definovat přidáním funkce:
var person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
}

Přístup k metodě objektu

//objectName.methodName();
name = person.fullName();

1)

  • posloupnost znaků, které tvoří vyhledávací vzor
  • slouží pro vyhledávání a nahrazování textu podle obecného vzoru
  • syntax - /vzor/modifikátory;

    <code javascript> var patt = /w3schools/i; </code>

    * w3schools - vzor ke hledání * i - modifikátor → vyhledávání nebude casesensitive (nezáleží na velikosti písmen)

    Metody regulárních výrazů

    * search() - najde a vrátí pozici hledaného výrazu * replace()'' - najde a nahradí hledaný výraz.

var str = "Visit W3Schools";
var n = str.search(/w3schools/i);
// výsledek: 6
var str = "Visit Microsoft!";
var res = str.replace(/microsoft/i, "W3Schools");
// Visit W3Schools!
<!DOCTYPE html><html><body><p id="demo"></p><script>
 
var w = window.innerWidth;
var h = window.innerHeight;
var x = document.getElementById("demo");
x.innerHTML = "Browser inner window width: " + w + ", height: " + h + ".";
 
</script></body></html>

DOM

Ovládání CSS pomocí scriptů

Ovladače událostí

Praktické příklady


  • spse/pm3/javascript-2.1610487345.txt.gz
  • Poslední úprava: 2024/07/07 16:48
  • (upraveno mimo DokuWiki)