PDA

Prikaži potpunu verziju : JavaScript - čudan problem

Geomaster
8.11.2009, 22:00
Uzeo ja danas nešto da petljam oko js koda... I probao sam prvo ovo:
document.body.innerHTML+="<b>wassup?</b>"Kada sam to izvršio na sam kraj <body> dela stranice pojavio se bold tekst wassup?. Ok, a onda sam probao nešto slično:
document.body.innerHTML+="<script type=\"text/javascript\">alert('hello world!');</script>";Kada sam izvršio ovaj kod i pogledao Firebug, on na kraju bodyja kaže da postoji ta skripta tj. da je uspešno dodata. Međutim ona se ne izvršava. Postoji li neki način da nateram to čudo da proradi tj. da se skripta izvrši? Ako ne, da li bi pomoglo kad bi skriptu ubacio u <head> tag a onda pozvao neku njenu funkciju?
Deusdies
8.11.2009, 23:46
Umesto document.body.innerHTML+="<script type=\"text/javascript\">alert('hello world!');</script>";
Probaj:document.body.innerHTML+="<script type=\'text/javascript\'>alert('hello world!');</script>";

Uglavnom, eksperimentisi menjajuci " i '... Javascript se zaista ponasa cudno nekada po tom pitanju.
holodoc
9.11.2009, 14:28
JavaScript tako funkcioniše :) Naime, kada browser interpretira HTML stranicu on čita liniju po liniju koda i izvršava potencijalni JavaScript na koji naiđe. Nakon završetka učitavanja stranice tj. kada je stranica učitana što se browsera tiče jedino što gore navedene linije rade jeste manipulacija već učitanog i formiranog DOMa stranice. Drugim rečima browser uopšte nije svestan da se sada u jednom od čvorova DOMa nalazi JavaScript koji treba da se izvrši jer je za njega to sada najobičniji statički sadržaj (kaže se statički tekstualni čvor - node).

Opšte pravilo je da se po mogućnosti sve obične i event handler funkcije smeštaju ili u head deo stranice ili se jednostavno dodaju nakon uspešno učitane stranice a onda se pozivaju kao rezultat nekog drugog eventa i sl.
<html>
<head>
<script type="text/javascript">
window.onload= function(){
hello();
}
function hello(){
alert('Hello world');
}
</script>
</head>
<body>
</body>
</html>Naravno postoje i druge varijante i kombinacije ali bitno pravilo za zapamtiti je da browseri ne interpretiraju dinamički pridodat JavaScript sadržaj u DOMu.
Geomaster
9.11.2009, 14:32
E 'fala puno :D
Naravno postoje i druge varijante i kombinacije
Da ne misliš možda na body.addEventListener('load', function(){alert(1)}, true)?
holodoc
9.11.2009, 14:50
E 'fala puno :D

Da ne misliš možda na body.addEventListener('load', function(){alert(1)}, true)?
Nema potrebe da koristiš addEventListener a i taj metod nije kompatibilan sa Interent Explorerom koji koristi attachEvent. Mnogo bolje rešenje je korišćenje standardnih klasičnih event listenera onload, onclick itd. U tvom primeru vidim da dodaješ event listener na body element. Neme ničega lošeg u tome ali opšte je pravilo da se za tako nešto koristi window ili na kraju krajeva document objekti. A i onako se za document objekt vezuju sve globalno deklarisane funkcije. To je recimo nešto što pravi problema onima koji počinju ozbiljnije da proučavaju JavaScript pa ne "gutaju" lako koncept prototipnog programiranja gde su funkcije u stvari promenjljive tj. objekti :)
Geomaster
9.11.2009, 15:00
Nema potrebe da koristiš addEventListener a i taj metod nije kompatibilan sa Interent Explorerom koji koristi attachEvent. Mnogo bolje rešenje je korišćenje standardnih klasičnih event listenera onload, onclick itd. U tvom primeru vidim da dodaješ event listener na body element. Neme ničega lošeg u tome ali opšte je pravilo da se za tako nešto koristi window ili na kraju krajeva document objekti. A i onako se za document objekt vezuju sve globalno deklarisane funkcije. To je recimo nešto što pravi problema onima koji počinju ozbiljnije da proučavaju JavaScript pa ne "gutaju" lako koncept prototipnog programiranja gde su funkcije u stvari promenjljive tj. objekti :)
Lol, ja navik'o na stari C++-ov function je function sistem, JS stvarno malo pravi probleme tj. freak out kad vidim var f = function() { ... } :D