2011-05-13 3 views
0

Je dispose d'un code JavaScript qui m'assure qu'une zone de texte est sélectionnée lors du chargement de ma page. J'ai inclus mon code ci-dessous:Zone de texte sélectionnée avec JavaScript

<!doctype html> 
<html> 
<head> 

<script type="text/javascript"> 
function box(query){ 
document.getElementById('query').focus(); 
} 
</script> 

</head> 
<body onload="box('query');"> 

<input id="query"> 

</body> 
</html> 

Ma question est; Comment est-ce que je peux faire que ce script fonctionne sans onload dans ma balise body? Je souhaite que vous compreniez ce que j'essaie de décrire.

Merci à l'avance, Callum

Répondre

3

Placez-le dans la balise de fermeture </body>, de sorte que l'élément query a chargé avant son exécution:

<!doctype html> 
<html> 
<head> 


</head> 
<body> 

    <input id="query"> 

    <script type="text/javascript"> 
     function box(query){ 
     document.getElementById('query').focus(); 
     } 
     box('query'); 
    </script> 
</body> 
</html> 
1

mettre un script au bas de la page, avant la balise body. De cette façon, le DOM sera (probablement) ont chargé et il fonctionnera:

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

Au moment où le navigateur est là, le DOM aurait chargé.

Il se peut qu'il n'ait pas chargé. Vous pouvez utiliser quelque chose comme Jquery pour exécuter votre script lorsque la page/dom a été chargée.

Questions connexes