basic

Door Marc - op 14-12-2011 19:18 gewijzigd op 14-12-2011 19:20

1.640 views

ik heb even een klein vraagje:

waarom moet je als je:


<html>
<input id="toggle" type="button" value="show">
				<p style="display:none;" id="i_mage">this is a box that wil be show if you <br> cliked on te show button! <br> if this worked
				you'll see this text under the buttons! <br> Have a nice day!</p>
				
				<script type="text/javascript" src="javascript/jquery.js"></script>
				<script type="text/javascript" src="javascript/effects.js"></script>
</html>

hebben inplaats van:


<html>

<script type="text/javascript" src="javascript/jquery.js"></script>
				<script type="text/javascript" src="javascript/effects.js"></script>
				<input id="toggle" type="button" value="show">
				<p style="display:none;" id="i_mage">this is a box that wil be show if you <br> cliked on te show button! <br> if this worked
				you'll see this text under the buttons! <br> Have a nice day!</p>

</html>

- SanThe -

14-12-2011 19:21

Graag CODE met kleine letters schrijven.

Wouter J

14-12-2011 19:25

Een browser leest -precies zoals wij- van boven naar onder. Stel dat we dit hebben:

<script>
jQuery('#box').html('hello world');
</script>
<div id=box></div>

Nu leest de browser eerst jquery('#box') en denkt dan, huhhh? Dat element ken ik helemaal niet, dat negeer ik maar. Vervolgens leest je browser pas de div#box (onder het script element). Een browser is niet zo slim dat hij zich dan de JS herinnert.

Bij deze code:

<div id=box></div>
<script>
jQuery('#box').html('hello world');
</script>

Leest de browser eerst het div element en onthoud dit wel. Vervolgens komt hij aan bij jQuery('#box') en denkt: Hé, dat element ken ik! Vervolgens past hij de innerHTML aan en tada daar is de tekst in de div.

Vandaar dat ik altijd zal aanraden om alle javascript op een pagina -met uitzondering van Modernizr (mocht je dat gebruiken)- vlak voor </body> te zetten. Dan weet je zeker dat alle HTML, DOM zoals dat heet, geladen en gelezen is.

Marc -

14-12-2011 19:37

Ow maar dat probeerde ik maaar dat werkte niet, maar dat doe ik dan dus ;-) thanks!

[size=xsmall]Toevoeging op 14/12/2011 19:40:14:[/size]

hmhm het vreemde is dus, ik heb de header.php ge include'd maar dan zet ik dus die 2 scriptjes in de header en dan werkt hij opeens niet meer?

[size=xsmall]Toevoeging op 14/12/2011 19:44:58:[/size]

en dan kijk ik in de bron code en dan staat ie gewoon ook in de header...? (vandaar ik hem in de body had geplaats omdat ik dacht dat dat dan moest)

Reageren

Inloggen om te reageren