Conectarea unui script JavaScript. Web designer - link-uri utile

JavaScript a evoluat de atunci viteza enorma. Un val mare de noi tehnologii acoperă pietrele unor sarcini greoaie care abia ieri păreau inexpugnabile și amenințătoare.

ÎN această lecție oferim 10 scripturi utile care vă vor ajuta să economisiți timp atunci când rezolvați sarcini comune. Cele mai multe dintre scripturile de mai sus pot fi pur și simplu copiate în proiectul dvs., dar este mai bine să faceți niște lucrări analitice pentru a adapta codul în cel mai bun mod posibil.

1. Inaltime maxima sau lățimea într-un set de elemente

Foarte script util pentru a alinia înălțimea sau lățimea coloanelor.

Opțiune pentru înălțime:

Var getMaxHeight = function ($elms) ( var maxHeight = 0; $elms.each(function () ( // În unele cazuri, puteți utiliza outerHeight() var height = $(this).height(); if (height > maxHeight ) ( maxHeight = înălțime; ) );

Utilizare:

$(elemente).height(getMaxHeight($(elemente)));

Pentru a utiliza scriptul pentru lățime, trebuie să înlocuiți toate incluziunile de înălțime și înălțime cu lățime și, respectiv, lățime.

2. Verificarea datei efective

Setul de instrumente JavaScript pentru date este foarte simplu și nu este suficient pentru formatarea datei. Deși există multe biblioteci care fac procesarea datei mult mai ușoară, adesea trebuie doar să verificați data într-un șir. Următorul script este perfect pentru un astfel de caz. Vă permite să verificați o dată cu orice separator și un an din 4 cifre.

Funcția isValidDate(value, userFormat) ( // Folosiți formatul implicit dacă nu este specificat nimic userFormat = userFormat || "ll/zz/aaaa"; // Găsiți separatorul excluzând simbolurile lunii, zilei și anului (în Versiunea în engleză- m, d, y) var delimiter = /[^mdy]/.exec(userFormat);< 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 >// Creați o matrice de lună, zi și an, // adică știm ordinea formatului var theFormat = userFormat.split(delimiter);< 13 && y && y.length === 4 && d >// Creați un tablou din data utilizatorului var theDate = value.split(delimiter);

< ! -- вариант1 -- >

< ! -- вариант2 -- >

funcția esteData(data, format) ( var m, d, y, i = 0, len = format.lungime, f; pentru (i; i

0 && m 0 && // Verificați dacă ziua lunii d este corectă, adică Scriptul care este conectat mai sus va fi întotdeauna executat primul. Acest lucru este important atunci când conectăm mai multe scripturi și unele dintre ele pot depinde de altele. În acest caz, scriptul principal trebuie conectat înaintea celui dependent. Atributul defer asigură menținerea ordinii. Atributul async va asigura că scriptul este executat imediat după ce este încărcat. Prin urmare, această opțiune nu este întotdeauna potrivită, deoarece scriptul dependent se poate încărca înaintea celui principal.

Aceasta încheie articolul. Dacă doriți să aflați mai multe despre JavaScript, atunci vă recomand să vă îndreptați atenția către . Noroc!

Javascript este un limbaj de programare încorporat în cod html pagini web pentru a crește funcționalitatea site-ului. Javascript a fost dezvoltat de Netscape în colaborare cu Sun Microsystems, pe baza limbajului Java Sun. Script Java sunt executate pe partea clientului, deși inițial Liveware, strămoșul Java Script, a fost limba serverului programare.
CU folosind JavaScript sunt create pagini web interactive frumoase, ceea ce nu poate fi realizat pur limbaj html. De obicei, scripturile sunt executate după ce utilizatorul ia o acțiune: trecerea cursorului, clic, etc. Script Java poate fi executat și atunci când o pagină web este încărcată.

Puteți scrie un script Java folosind orice editor de text: Notepad, Notepad++, Dreamweaver. În acesta din urmă, pe lângă evidențierea codului și indicii, este implementată și o verificare de sintaxă pentru scrierea javascript Dar pentru aceasta trebuie să cunoașteți limbajul, principiul de scriere a funcțiilor, metodelor, proprietăților etc. Și pentru a vizualiza aveți nevoie doar de un. browser capabil să proceseze scripturi Java. Mozilla Firefox cu încorporat Supliment Firebug, cu care puteți vizualiza munca javascript în sine și Microsoft Internet Explorer (deoarece cele două browsere gestionează javascript în mod diferit).
Apropo, nu toate scripturile sunt afișate în mod egal în browsere. Majoritatea scripturilor Java care pot fi descărcate gratuit de pe Internet nu sunt acceptate deloc de browser-ul Opera până la versiunea 12.16. În același timp, funcționarea JS nu depinde în niciun fel de sistem de operare: fie că este Android, iOS, Windows sau altele.

Descărcați cod JavaScript gata făcut.

Mai jos sunt scripturi Java gata făcute pe care le puteți
descărcați complet gratuit și decorați-vă site-ul web.

Gazduire Javascript.

Codul Javascript poate fi plasat fie pe pagina însăși, fie într-un fișier separat.


Un exemplu de plasare a codului Javascript gata făcut în interiorul HTML.

Scripturi scrise în limbajul javascript, poate fi localizat pe pagina html însăși între etichete, care la rândul lor sunt de obicei localizate în etichete. Eticheta trebuie să aibă un singur parametru „type”, care indică tipul de scriere a scriptului:

Teoretic, etichetele pot fi localizate și în corpul documentului (în etichete). Acest scenariu va fi executat atunci când browserul „citește” pagina până în acest punct (la etichete).

Daca nu stii limbă Javascenariu, apoi puteți descărca gratuit codul de script gata făcut și îl puteți plasa așa cum este descris mai sus pe site-ul dvs. web.

Un exemplu de plasare a unui cod Javascript gata făcut într-un fișier separat.

Creăm în orice editor de text pagina și salvați-o ca ....... .js . Apoi, descărcați finalul Cod Javascriptși pune-l pe această pagină. Îl salvăm în același folder cu HTML. Acum trebuie să conectați scriptul Java la pagina html. În acest scop în fișier HTML Facem urmatoarea intrare:


src="calea către fișier.... .js".
Acum rămân doar la locul potrivit pagini web apelați o funcție care descrie acțiunile necesare

numele funcției - executat când pagina este încărcată

link - javascript va fi executat când se face clic pe link.

eveniment onLoad

Evenimentul are loc după ce orice element de pagină este încărcat.

eveniment onClick

Evenimentul are loc după un clic de mouse.

onMouseover eveniment

Evenimentul are loc după ce cursorul este trecut peste obiect specific pagini.

eveniment onMouseout

Evenimentul are loc atunci când cursorul mouse-ului se îndepărtează de obiect.