Danke Leute!
Noch ne Frage, vielleicht weiß das wer:
Wenn ich einen Haufen Buttons habe, die alle was tun, dann habe ich, wie mir scheint, 4 Möglichkeiten:
1:
-------------------
<head>
<script>
function tuWas(){
tuDies();
tuDas();
tuNochwas();
}
</script>
</head>
<body>
<input type = "button" onClick = "tuWas()">
</body>
--------------------
2:
--------------------
<head>
<script>
window.onload = function(){
document.getElementById("idKnopf").onclick = tuWas;
}
function tuWas(){
tuDies();
tuDas();
tuNochwas();
}
</script>
</head>
<body>
<input type = "button" id="idKnopf">
</body>
--------------------
3:
--------------------
<head>
<script>
window.onload = function(){
document.getElementById("idKnopf").onclick = tuWas;
function tuWas(){
tuDies();
tuDas();
tuNochwas();
}
}
</script>
</head>
<body>
<input type = "button" id="idKnopf">
</body>
--------------------
4:
--------------------
<head>
<script>
window.onload = function(){
document.getElementById("idKnopf").onclick = function(){
tuDies();
tuDas();
tuNochwas();
}
}
</script>
</head>
<body>
<input type = "button" id="idKnopf">
</body>
--------------------
Gibt's da einen Unterschied in der Performance?
Gibt's einen Unterschied zwischen 2 und 3?
Wird in jedem Fall die ganze Funktion mit allen Unterfunktionen gleich in das Objekt geschrieben, wie das bei 4 der Fall sein müsste, oder wird etwa in 2 oder in 3 nur ein Verweis in das Objekt geschrieben und die Funktion erst geholt, wenn der Event eintritt?
Ist es so, dass 2 oder 3 schneller laden würde als 4, und dafür beim Anklicken des Buttons etwas länger brauchen würde, oder ist das wurscht?
Ich hoffe, ich kann mich verständlich machen.
Gruß
Martin