ScripTinG in HTML

bogdanutzz · Administrator Data inscrierii: 14/Noi/2010 Mesaje: 65

Bine ati venit Pentru a invata
JavaScript pentru Total Non-Programmer

Acest tutorial iti va arata pas cu pas prin fundamentale ale Javascript. Veţi învăţa cum să scrie funcţii, întrebuințarea datelor de la casete de text, de a crea IF-THEN condiţionale, buclele de program, şi, în general, a face pagina Web "inteligent".

Predau cursuri de calculator pentru un trai a clienţilor corporativi de toate nivelurile. Mai târziu 2 ani de predare, am invatat extraordinar de numeroase despre comunicarea între oameni de diferite nivele de experienţă de calculator. Acest tutorial presupune că nu aveţi nici o experienta in programare prealabilă, dar pe care le-au creat propriile pagini HTML.

Dacă găsiţi util acest tutorial, vă rog să-mi spuneţi (e recompensa mea numai). De asemenea, link-uri sunt graţios accepte.
Ce este JavaScript?

Javascript este un uşor de limbajul de programare de utilizat, care pot fi încorporate în antetul de paginile dvs. de web. Se poate spori dinamica şi funcţiile interactive ale paginii dvs., permiţându-vă pentru a efectua calcule, carnete de cecuri, scrie jocuri interactive, adăuga urmări speciale, personaliza selecţii grafice, a crea parole de securitate şi mai mult.
Care este diferenţa dintre JavaScript si Java?

De fapt, 2 limbi au aproape nimic în comun cu excepţia numelui. Deşi Java este punct de vedere tehnic un limbaj de programare interpretat, este codat într-un mod similar cu C + +, cu antet fişiere separate şi de clasă, compilate laolaltă înainte de execuţie. Este suficient de dominant pentru a scrie aplicatii majore şi introduceţi-le într-o pagină web ca un obiect deosebit numit applet-o ". Java a fost generatoare de o mulţime de excitment în raport cu capacităţii sale unice de a rula pe acelaşi program IBM, Mac, Unix şi calculatoare. Java nu este considerat un limbaj uşor de exploatat pentru non-programatori.

Javascript este mult mai simplu de folosit decat Java. Cu Javascript, dacă vreau verifica un formular pentru erori, am doar o declaraţie de tip în cazul în care, apoi, la fracțiune de sus a paginii mele. Nu compilarea, nu applet-uri, doar o secvenţă simplă.
Ce este programării orientate pe obiecte?

Toată lumea care vrea să programul JavaScript trebuie cel puţin să încercaţi să citiţi secţiunea următoare. Dacă aveţi probleme înţelegere aceasta, nu vă faceţi griji. Cel mai bun mod de a învăţa JavaScript este din exemplele prezentate în acest tutorial. Pe urmă ce au fost prin lecţii, reveniţi la această pagină şi a citit-o din nou.
OOP este o tehnică de programare (notă: nu o structură de limbă - nu aveţi necesitate de măcar un limbaj orientat pe obiect la program într-o manieră orientată-obiect), realizat pentru a simplifica concepte complicate de programare. În esenţă, programarea orientată pe obiecte se învârte în jurul ideii de mijloace de utilizator şi bucăţi sistem definit de date, şi controlate de accesare şi modificarea acestor bucăţi.
Programarea orientata-obiect constă din obiecte, metode si proprietati. Un obiect este de fapt o cutie neagră care stochează unele informaţii. Acesta poate avea o modalitate de a citi aceste informaţii şi o modalitate pentru tine de a scrie, sau schimba, aceste informaţii. Acesta poate avea, de asemenea, alte modalităţi mai puţin evidente de a interacţiona cu informaţiile.
Unele dintre informaţiile din obiect poate fi de fapt, direct accesibile; alte informaţii vă pot solicita să utilizeze o metodă de a le accesa - probabil pentru că modul în care informaţiile sunt stocate intern este de nici un folos pentru tine, sau pentru că doar anumite lucruri pot fi scrise în acel spaţiu de informare şi obiectul are trebuință pentru a verifica dacă nu sunteţi de gând în afara acestor limite.
Biţi direct accesibile de informaţii în obiect sunt proprietatile sale. Diferenţa dintre datele accesate prin intermediul proprietăţilor şi a datelor accesate prin metode este că, cu proprietăţi, să vedeţi întocmai ceea ce faci la obiect, cu metode, cu excepţia cazului în care aţi produs obiectul singur, veţi vedea doar efectele a ceea ce faci .
Alte pagini Javascript aţi citit, probabil, se vor referi frecvent la obiecte, evenimente, metode, şi proprietăţi. Acest tutorial va invata de exemplu, fără prea mult accent pe vocabular OOP. Cu toate acestea, veţi avea nevoie de o înţelegere de bază a acestor termeni pentru a utiliza alte referinţe JavaScript.
Obiecte şi Proprietăţi

Documentul paginii web este un obiect. Indiferent ce tabel, formular, buton, imagine, sau link-ul de pe pagina dvs. este, de asemenea, un obiect. Fiecare obiect are anumite proprietăţi (informatii despre obiect). De exemplu, colorație de fundal a documentului este scris document.bgcolor. Ti-ar altera culoarea de la roşu pagina dvs. de scris linia: document.bgcolor = 'roşu'
Conţinutul (sau valoarea) un textbox numit "parola", într-un formular numit "entryform" este document.entryform.password.value.

Metode

Cele mai multe obiecte au o anumită colecţie de lucruri pe care le pot face. diferite obiecte pot face lucruri diferite, la fel cum o uşă poate deschide şi închide, în timp ce o lumină poate activa şi dezactiva. Un document nou este deschis cu document.open metoda (), puteţi scrie "Hello World" într-un document de tastând document.write ("Hello World"). open () si write () sunt cele două metode de obiect: document.
Evenimente
Evenimentele sunt modul în care ne determina funcţiile noastre pentru a rula. Cel mai simplu exemplu este un buton, a cărui definiţie include OnClick cuvintele "run_my_function ()" =. Evenimentul OnClick, astfel cum sugerează şi numele, va executa funcţia atunci când utilizatorul face clic pe butonul. Alte evenimente includ OnMouseOver, OnMouseOut, onfocus, onblur, onLoad, şi onunload.
Cum se face mamografia

Iată întreaga pagină, minus comentariile mele. Ia-o câteva minute pentru a afla cât de mult ca tine poate de la aceasta, atunci voi descompune în bucăţi mai mici.
<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

</HEAD>

<BODY>

<FORM>
<INPUT NAME="text1" TYPE=Text>
<INPUT NAME="submit" TYPE=Button VALUE="Show Me" onClick="MsgBox(form.text1.value)">
</FORM>

</BODY>
</HTML>