Javascript zajímavé skripty. Připojení skriptu JavaScript

Toto je úvodní kurz JavaScriptu pro začátečníky. Dnes napíšeme náš první program v JavaScriptu. Dovolte mi připomenout, že se nazývají programy JavaScript scénáře nebo jen skripty. Jdeme na to!

Pravděpodobně vás okamžitě napadlo „ Ahoj světe!? Žádný! Necháme to pro blbce. Pojďme napsat něco zajímavějšího. Nejprve si ale ujasněme, v čem máme napsat náš scénář. Zpočátku budete nějaké potřebovat jednoduchý editor kód. Používám PSPad a všem doporučuji. Je to zdarma textový editor pro programátory. Vše!

Spusťte editor, stiskněte Ctrl+N a vyberte soubor, který chcete vytvořit. V dlouhém seznamu najdete také JavaScript, ale zatím jej nepotřebujete. Budete jej potřebovat pouze při psaní samostatných skriptů umístěných v samostatné soubory. To, co nyní potřebujeme, je jednoduché HTML stránku, kam můžeme vložit náš skript.

Přejděte proto na kartu Ze šablony, poté na HTML a z rozevíracího seznamu vyberte HTML5. Jsme pro moderní vývoj webu, že?

Udělejme pár oprav a odstraňte všechny nepotřebné věci. Zejména opravíme jazyk, odstraníme uvozovky a řádky navíc, ale jeden přidáme užitečný řetězec, což se bude hodit v budoucnu (výřez). Dostáváme tuto krásu:

alert("Na co se díváš? Stiskněte rychle tlačítko!");
Gratuluji!

No ta je krásná! Udělal jsi to. Vezměte koláč z police. Už ovládáte JavaScript!

Opravdu, není to složité, že? Podobná vyskakovací okna jste viděli více než jednou nebo dvakrát. Nyní víte, odkud pocházejí a proč se stránky nenačítají dále, dokud nekliknete na tlačítko ve varovném okně.

Příště pomocí upozornění zkontrolujeme, zda jsou pole formuláře správně vyplněna zpětná vazba a seznámit se s konceptem funkcí v JavaScriptu. Zůstaňte ve spojení!

JavaScript se od té doby vyvíjí enormní rychlost. Velká vlna nových technologií zakrývá kameny těžkopádných úkolů, které se ještě včera zdály nedobytné a hrozivé.

V tuto lekci nabízíme 10 užitečných skriptů, které vám pomohou ušetřit čas při řešení společné úkoly. Většinu z výše uvedených skriptů lze jednoduše zkopírovat do vašeho projektu, ale je lepší provést nějakou analytickou práci, aby se kód co nejlépe přizpůsobil.

Velmi užitečný skript pro zarovnání výšky nebo šířky sloupců.

Možnost výšky:

Var getMaxHeight = function ($elms) ( var maxHeight = 0; $elms.each(function () ( // V některých případech můžete použít externalHeight() var height = $(this).height(); if (výška > maxHeight ) ( maxHeight = výška; ) );

$(elements).height(getMaxHeight($(elements)));

Chcete-li použít skript pro šířku, musíte nahradit všechny inkluze výšky a výšky hodnotami width a Width.

Sada nástrojů pro datum v JavaScriptu je velmi základní a pro formátování data nestačí. Přestože existuje mnoho knihoven, které zpracování data výrazně usnadňují, často stačí datum zkontrolovat v řetězci. Následující skript je pro takový případ ideální. Umožňuje zkontrolovat datum s libovolným oddělovačem a 4místným rokem.

Function isValidDate(value, userFormat) ( // Pokud není nic zadáno, použijte výchozí formát userFormat = userFormat || "mm/dd/rrrr"; // Najděte oddělovač bez symbolů měsíce, dne a roku (v angličtině - m, d, y) var delimiter = /[^mdy]/.exec(userFormat // Vytvořte pole měsíce, dne a roku, // to znamená, že známe pořadí formátu var theFormat = userFormat.split(); delimiter Vytvořte pole z data uživatele var theDate = value.split(delimiter function isDate(date, format) ( var m, d, y, i = 0, len = format.length, f; for (i); i< len; i++) { f = format[i]; if (/m/.test(f)) m = date[i]; if (/d/.test(f)) d = date[i]; if (/y/.test(f)) y = date[i]; } return (m >0 && m< 13 && y && y.length === 4 && d >0 && // Zkontrolujte, zda je správný den v měsíci d