[Javascript] Functie aanroepen in body - Softwareontwikkeling

woensdag 15 november 2006 13:43

Acties:

Topicstarter

Ik wil een functie in de body van een html pagina aanroepen die paar regels html genereert. Ik roep deze functie aan met de onload event, maar er wordt niets gegenereerd. Kan iemand mij uitleggen wat er mis gaat?

code:

<html>
<head>
<script type="text/javascript">

var test = new Array()
test[0] = 0
test[1] = 1
test[2] = 2
test[3] = 3

function test()
{
    for (i=0;i<test.length;i++)
    {
    document.write(test[i] + "<br />")
    }
}

</script>
</head>

<body>
<script type="text/javascript" onload="test()">
</script>


</body>
</html>

woensdag 15 november 2006 13:45

Acties:

momania

iPhone 30! Bam!

HTML:

1
2
3

<body onload="test()">
   ...
</body>

of:

HTML:

<body>
   <script type="text/javascript">
       test();
   </script>
</body>

Neem je whisky mee, is het te weinig... *zucht*

woensdag 15 november 2006 13:46

Acties:

Verwijderd

Je hebt je onload in het script element gezet, hij hoort in je body. Nog beter is in principe om het volgende aan het eind van je script te zetten (dus na de functie declaratie)

JavaScript:

1	window.onload = test;

woensdag 15 november 2006 13:55

Acties:

Kanivan

Topicstarter

het liefst zou ik deze oplossing gebruiken omdat ik dan zelf kan aangeven waar hij binnen mijn html body de tekst moet genereren, maar onderstaande code werkt niet bij mij...

momania schreef op woensdag 15 november 2006 @ 13:45:
HTML:
1
2
3
4
5
<body>
   <script type="text/javascript">
       test();
   </script>
</body>

[ Voor 26% gewijzigd door Kanivan op 15-11-2006 13:56 ]

woensdag 15 november 2006 14:10

Acties:

Bram77

Gewoon het volgende gebruiken. Moet werken.

JavaScript:

1
2
3

<script language="javascript">
    window.onload = test;
</script>

[ Voor 74% gewijzigd door Bram77 op 15-11-2006 14:12 ]

woensdag 15 november 2006 14:42

Acties:

crisp

Devver

Pixelated

Als je document al gerendered is (dus als de onload wordt aangeroepen) kan je geen document.write's meer aanroepen (die overschrijven dan je huidige document).
document.write dien je dus inline te gebruiken.

Intentionally left blank

woensdag 15 november 2006 15:27

Acties:

Bram77

Inderdaad. Wat je wel kunt doen is je pagina achteraf dynamisch vullen met Javascript m.b.v.

JavaScript:

1	document.getElementById('objID').innetHTML = "Vulling";

of

JavaScript:

1	document.getElementById('objID').innetText= "Vulling";

woensdag 15 november 2006 15:45

Acties:

crisp

Devver

Pixelated

Bram77 schreef op woensdag 15 november 2006 @ 15:27:
Inderdaad. Wat je wel kunt doen is je pagina achteraf dynamisch vullen met Javascript m.b.v.
JavaScript:
1
document.getElementById('objID').innetHTML = "Vulling";
of
JavaScript:
1
document.getElementById('objID').innetText= "Vulling";

Gebruik dan liever de DOM-methods in plaats van propriety (innerHTML) of IE-only methods (innerText).

Intentionally left blank

woensdag 15 november 2006 16:05

Acties:

Bram77

En de DOM-methods zijn? (ik wil absoluut niet alwetend overkomen)

woensdag 15 november 2006 16:12

Acties:

user109731

Bram77 schreef op woensdag 15 november 2006 @ 16:05:
En de DOM-methods zijn? (ik wil absoluut niet alwetend overkomen)

createTextNode, createElement, appendChild, ...