Read without ads and support Scribd by becoming a Scribd Premium Reader.
See Premium Plans
 
ProiectareWebCurs!e'-Javascript
(srrc)
1.Introducere
inzileledeinceputale Worl4{ideWeb-ului, HTMLeradestulde simplu,iar mafea_ ajoritateainfo.*"tiiio.n"""r"repentruaasamblaopagin6 wcb erau utor denvitat. Odal6cu creltereaweb-ului,au crescut.i *"'iJ,iir"".""Uloidepagini Web,arcerinlele or n sensulnui controlnai mareasupraspectuluiaginiiaui.[i!ii^i"Lim,g.sesemlodificeisa devintdin ce n cemai cornplex.ntruc6tweb-ulesteunmediudinamic,",.iliia.p"gi"i Webaudoritcapaginileor str nteraclionezeu utitizatorii9ia devenitn scurtimp clarctifri"iriflfir4t-auputeasatisfaceceastlcerinp. NescapeinventatimbajulJavascripta omodalitateeacontrilabrowseml9ide aadiugapaginilorWeb nte'activitate'inciudanumelorasemanatoare,imbajeleavascriptiJavanuau aproapeimic ncomununulcu-celelalt.l"uo"rt"unti.l".;deproglamare ezvoltaticomercialiat de companiaunMicrosysi€ms.rincipalautilizareailri"irf"i:"*iriomeniulclient-side,dicen browserultilizatorului,stereareaeappl€Guri,plicaliicare,quntJ"l"a',""i"ptf" Intemeriruleazin cadrulbrowser-uluiWeb.Applet-urileJavasuntadiugatenpaginawebpnni"iJ."".l-"".i"r"iHTNtr-<APPLED.CAndbrowser-ulntelneit€acestmarcaj,el descarcapplet-ul avadepe,"*".,i"i"ppiltfva rulainpor{iunea€ecranspecificatttn marcaj.C6ndNescapeadtrugatrowYr-uluiseuw"L,'iu*lg-L*"atevacapacitie;ie scriptareudimentare,pecialiltiiaq numitacestimbajde scriptareivescript'i""J*+-i"i"lae,Javaocupaprima paginiapublicagiilorespecialitate,iindanticipattraorevolulien_lumea""t"..t"tour"tor.Ulterior,Nescapea revizuit browser-ulNavigatorpentruapermite ula.eade apPlet-uriavanf.f""inu,ol.Z, a-"Siredenumirivescriptn Javascript, pedndceopartedingloria imbajuluiJavaeva.prindeii.i""""'J",fi.naMicrosofta vizut cilimbajulJav;Script eveneaopular ntre dezvoltatoriiW€b,iadat seama;; ;"b"t"siintroducracilitetidescriptareiinprogriulbrowser,ntemetExplorer.Ar fipututadoptaavascriptau.uor"f"ra,si-liconstruiasc[unii-b";-p.op;u,fo".t" similarlimbajuluiJavaScript'Aceastav€rsiunedeJavascriDtezvolratidecompaniaMicrosoftpoanenumeleScript'"."'*'S'"-i;".;i.Jn1elatavaScriptafiind,,limbajde scriptare",uimplicaiacaunscriptestemultmai simplud"sc.isd"catunp.ogiam.Un scripiJavascriptsteunprogramnclusntr-opagindHTML'D€oarece:te.l::adrata","r"";"i".scmp1>si</SCRtpD,textuiscript-uluiu apareeecranulutilizatorului,ar browser-eleWebgtiu,e*i"tj"""t,program avaScript.Marcajeleuntprezente el maifrecventnsecliuneaHEAD>"'</HEAD>ll"rlipturideort"t)-apaginiiHTML.ScripturilearescriuexlpeecransaucarescriucodHTML'suntplasatemaieficienrnsecliuneaBODY-..-tsODY>(scripturicconlinur)'Javadcriptpermitecreareaneinterfelectivtr u utilizatorul,n e-xemplu.lild":d1l:i:" llil-"I-:i,b:1"j*care semodificilatrecereaursoruiuimouse-uiui€deasupraor(acestfectmplicaolosireaneiehnicinumit6,lti"r-"rj.-iir"S"i,ptpoater folositqi pentrua virificadaclutilFdorulintroducenformaliivaliden formulare'DacAnacesteonnulareprocesareaecesiticalcule,cesteaotfi efgctuaterin intermediul_com^enziloravaScriptar.""'p"";""r"*ulutiiizatorului,6ri slfie nevoiede vreoprelucraree catreseryer.Javascriptontroleazai.r*r,r'""Lastfelcapotfi deschiseerestreoi, afilatcmesajede avertizareichiarmesajenbarade stareai"."r[ia*r"""fui.Deoare"eimbajulJavascptafe unset defunqiideIucrucuora9icu dat4sepotgenera;;;i,*1il;;";ido"u-"nt""o"tlirpulinscris.avaScriptpoatei ulilizatsipentrua verificaprezenta nuiPlug-inin browsersaupent- u,"o,.."1,9$.utilizatorulpreopaginS iferiten cazulncareplug-in-ul espectiv,ecesarpentruvizualizarsaPaginii,ipseltdi,
2.RestrictiialeimbajuluiJavaScript
Javascript€steunlimbajdeiputclienl-side,eea e-inseamniaruleazdecalculatomltilizatorului'nup","*;;;';;'";ria'""uJ,ri.6rr"iJavascript-au fosrmpuseoseriedelimitdri,majoritateainraliunidesecuritate.JavaScriptnupermitecitireasauscriereailglilierepecalcu|atorulutilizatorului(astfelunvizitatoralp"gi"ii n"pil[ ii,lfiSi'ere.aflateemediilede srocarein calculatorulazde'nupoatecrievirugipedisc).Unicaexceotieo constrturee[nrsluneaacordatiimbajuluiJavaScriptea scriendirectorulde cookic-urialbrowser-ului,dar9iaiciii suntmpuseseriedeimite.'!!-''-"---i"u"S*ptnupermitecitireasauscrierea4fliicrepeserver.Acestucruarputea i util,de exempluentru,to""r""nu.e-tuidevizitatorisauscriereaatelol..$rleSe-dintr-unormular,darlimbajuluiJavascriptuii sunt;;;;;;;l;;"li;.AltemativaesteexistentaiitFp-gotpeseryercareslmanewezeisesto€hezecestedate.Unasemenearogrampoare i, de exemplu,n'Cdl,sirisintr'unlimbajprecumPerlsauPHP'sauunprogramJava.UnscriptJavascriptupoatenchideo fereastrie browserarenu afostdeschiside el'Astfelse evir[o,ituu1i"n-"-"u'niteiacontrolufasupta rowser'ului,nchiz6nderestecareconlinaltesite-uri'
I
 
'avascdptBupoatecitihfomaliidint.ulbrowsercarecorrlineopaSinlwcbdeF'unaltserver.cualte"u"iot,op"gi"alwebiupoate citi nici oalti informalie<tlraliE Fr-$iudqchisencputSndasfelallapece altesite-urinavigbeazavizitatorulsite-uluidincare ac€ eaparte'
3.Javascript -timbajorientatpeobiect..-
Javascriptesteunlimbajorientatpeobiect.celemair's.PanditeobiectefolositedeJavasriptsuntao"u-"nt"iifor-olarele,c6mpuriie,butoaneliradio. De asemene€'fereastriesteun obiectfolositdc unprogramJavascript.b oaein:lWebobisnuiticonlinemaimulte obicte, dintrecar€multe auacelagiipde obi€cl'Deexemplu'oou"ina Jo'uFt,1'*n6ne'o"uaformulare,dar chiar daciformulareleauacelatitip dc obiect'ele,vorfi- diferoteff;;;a;;;b.,butoanelorialtor elementee nterfalicareaparn formularc.Fiecarebiectrebuiedentificatinmodunicpi(|tr-wnumesal|dentirtcabr(formulareledeexemplu.,arputeafinumitcforltllliform2).;;,;"J;;;;;.iJavaScripttrebuie stracceadi rapidla maimulte obiecte,cum arfi deexernpluafitarcamai.ria.i..!i"if""-oprezentare.n acestcaz sepoateolosi un'aDlorpcntru a numi fiecareobiect'"'-"-'-O'prorr;";esteovaloareasociatlunui obiect.Obiecteleotaveamaimulrevalod,n fuo4iedeipoldeobiectolos'itdeexemplu,unobiectormularpoateavea nitlu, o lilime9iolungimeapropriaili)'Ometodlesteunproceserbctuatde atreun obiectatunci cdndacestaprimelte un mesaj(deexemplu'unbutonSubmitdepeunformularcsteun obiect;etichetaSubmitgidimensiunileobiecluluisuntproprietllile"Ui""irfriU*-;ai"6seexecut6licpebutonulSubmit,ormularulesteLimiscl1'eaplicaliaerver)---'--'--i",n".oa"le9iproprietilileobiectuluise accederinutilizarca,intaxeiuPrrcl(deexemplu,metodadescrieren obiectulocument,ocument.write('ttel1o,World!'))'"- -^--Al,conceptirndamentalesteralareaeyenimentelor.nevenimenteterminencep€tgaxeculieiunuioroeramJavaScript(deexemp|u,cendseexecutac|icpeunformu|arpecareJavascriptila|rgeazApeecran)';;e;;"1i;;l;piuflaa"rp..fi""-""renimeotcarcsepetrecen timpcsacestauleazi.Aceatucruesteposibilp.i"?""t"""*i-iinedetratqrea erenimenl,l,(deexemplu,utina-deratar€aevenimentuluieexecutarcunuiIii"p"Uo,orrfSubmitva confineinstrucliuniJavaScripiareprelucreazinformaliile9ecareutilizatorule-aintrodusnformular).Secliunea<scriptlanguage="Javasc!ipt"t!pe="text/iavascript">alert(.HetIo,Worldl')</script>Intr-opagindHTMLsemnificiurmltoarele:tichetasc!i-pt>atragebrowser-uluiatenliaca vaurmaun icript,nu"oo-un41;browser-ulprcceseazi scripturileintr-unmod diferitdeHTML;atributulHTMLtanguageinformeazibmwserultrimbajulde scriptareste'avascript;atributulHTMLalo.-ir".."ir"nurowser-ul;ictscriptulestescrisn formattexttica textulesteorganizatnformdulJavascript;-r"'t",t"furrctiadeafigarepeecranauneicasetededia|ogdeavertizarecareaparep€ecranpentruaa'i$a".u.lrr""tto,world!girlmanepeecranpanicendseexecuticlicvpebutonuloKafilatincasetadedialog'
4,ElementeundamentalealeimbajuluiJavaScript
Informaliains€ratAn cod-rilluneiaginiWebsau ncel JavaScriptenume$ev4loors-nHTMLtoate,"r"rir",riiiii"fi"rateca,ex,(de*;;1i, tlstareavatorii l0nu estenterprctatedeIITMLcanumar^ca:eo^ateifolositin calcule,ci cauntextcaretf,atei iolositeventuatn scriereaneiadrese,tradaGeniului,0)'JavaScriptooereazdu6 tiPuridevalori:'iun namriresteovaloareumerictr'oate i folositan calcule'-untiresteuntextncadratdeghilimele'-oyqloarebooleozdesteovalJareareesteie adevlrat6true'sau ),fie.fatsl.false,sauenull)'_Taliieunult,tolositdn situaliilen care rebuieolositaovaloareunsimbolde nlocuirepentruo-valoare)pentruareprczentaonon.valoare(vid)panainmomentulincareJavascriptatribuievariabileiovaloare(de:;"d,;!ffi;;.v"iou."unutt"ua"iileiJolosireentruprimul numealunuicli€ntpani inmomentulncareClientulntroducenumeleiuin formular)'-valoareaobiecl-o funcrieefectueazao actiuneatuncicdri{, esteapetatiintr-ulprogram JavaScript;surtdouefipuride
i,i""i,tii*i"l;ir" lpuseaaispoaliee a,v..qscd'i,eexemplu,rert()) li Partiqllarizaredefinireeprogramator).S",
>olcarenlocuiep'iltatclece sepot modifican timpulexesulieiprogramului'Declarareauneivariabilelntr-unprogramJavaicriptcomunictrbmwser-uluisicreezeovariabil*varnumevariabila.varesteunuldince|e25decwintecheiefolositedeJavascript:
 
l.'*:.:y,:r.;:i,r....'+{.:eF-.t':+J-.!i:*..*:...,:.l{l-..t';-,,
Unnumedevariabillnupostefiuncuvantcheiesauuncw6ntrez€rvatinJavascript.vlc.uvadfezerudln JavaScipareunlnlelesspecialpcntrubrowser,cu toate cinu este neaparato comandl(a{acumeste uncuventcheieal limbajuluiJavaScriPt):breakdofunctionnulltypeof
ca9e
el seifreEurnvarcontinueexporlswitch--'\voiddefaultfalseinthiswhl1edeletefornew- --
true
with
absractdebugger
gotopackaqe
svnchronized
boolean
double
irnplementprivate
throwb zteenuminstanceofprotectedthrowscatchextenda
anE'
publict.ransient
charfinalinte!face
sharttryclass
finallylong
staticconst
float
nativesuperDe obicei,valoareauneivariabileseschimbentimpulrulariiprogramului Javascript,iarvaloareanilialaeste nlocuitide altivaloare.Unexemplu:varprice:0price=prompt('entertheprice''.')
':..:/::,:
JavaScriptareunmodsimplude acerc utilizatoruluisetastezeinformaliilnprogramprinapelar-eaun4iet^l^-.,i r-n""urtaafiseaz6extuln cadruluneicaseteedialogde notificare,upicareatteaPticautiliztorulsei#H;i;fr;;ii"li're""""u,"clicpebutonulOK.Prima informalieistunclieiestemesqiulcomunioat"iiri-a-r.i,"a.ir"este.valoarearestaDr'titd are estevaloareadataprogramuluiin cazulin careutilizatorulnuai"r.a*"i"i "vatoareincasetadc dialogdenotificare sau''(duncicandnuestefolositinici ovaloarcDrestabilite)."'"""""iilus"tip,permite utilizareaatata apostlofurilorc6ttiaghilimelelorpertru desemmr-ea-unuiiir'Totu9ieinai""teiJori*upti.etor,intruc6tghilimelele rputeanterferaughilimelele olositenpaginile-HTML'--*"';ji"l*riiitaritmetici,logiii,de atribuire,decomparalie,condilional)inJavaScript9iutilizareaacestoran,rprr"ii,irli,i,nit"r.celordinc;liJava.Operalorulde adunarcolositcugirurireatiztazlconcalen"rea'-"-'' ---';;';;;""ea. *ttu4iu;lecondilionoleif...else, swi-rch...case),instrucliuniledeciclare(for.while,do. .. whil-e)suntsimilareelordin C*sauJava''i"uud"aptpermite deasemeneaolosireatablourilor'Declarareaunuiiablou:varproducts=newArraY-$\.tnilializareaabloului,,:d,t.lproducts[0]='water'products[1]='soda'products[2]='beer'Sau:varproducts=newArray('water','$oda"'beer')NumSrulelementelorintabloupoatei determinat"utilizandroprietateaengtha obiecnrluiablouvar1en=products'Iength)i:^|
.\t.
Browserulpoateafi$aclementeleablouluiproducSpe'ecranuna subalta:
-.l{
for(var i=0;i<products'length;i++)
I
document.write(productsI ]+' <b!>')l
Search
Search History:
Searching...
Result 00 of 00
00 results for result for
  • p.
    • Notes
    Load more