kzen.dev
  • Questions
  • Tags
  • Utilisateurs
Notifications
Récompenses
Inscription
Une fois inscrit, vous serez informé des réponses et des commentaires à vos questions.
Connectez-vous
Si vous avez déjà un compte, connectez-vous pour vérifier les nouvelles notifications.
Il y aura des récompenses pour les questions, réponses et commentaires ajoutés.
Détails
Source
Editer
 mipadi
mipadi
Question

Où dois-je placer les balises <script> dans les balises HTML ?

Lorsque vous incorporez du JavaScript dans un document HTML, quel est l'endroit approprié pour placer les balises " script " et le JavaScript inclus ? Je crois me souvenir qu'il ne faut pas les placer dans la section " head ", mais qu'il ne faut pas non plus les placer au début de la section " body ", car le JavaScript devra être analysé avant que la page ne soit complètement rendue (ou quelque chose comme ça). Il semble donc que la fin de la section "body" soit l'endroit logique pour les balises "script".

Alors, où est le bon endroit pour mettre les balises <script> ?

(Cette question fait référence à [cette question][1], dans laquelle il est suggéré de déplacer les appels de fonctions JavaScript des balises <a> vers les balises <script>. J'utilise spécifiquement jQuery, mais des réponses plus générales sont également appropriées).

[1] : https://stackoverflow.com/questions/436154/why-does-the-call-to-this-jquery-function-fail-in-firefox

1388 2009-01-12T18:15:54+00:00 3
 Community
Community
Question modifiée 23 mai 2017 в 10:31
Programmation
javascript
html
jquery
Vidéos populaires
La LISTE ( presque ) COMPLÈTE des Balises HTML [ Tuto html ]
La LISTE ( presque ) COMPLÈTE des Balises HTML [ Tuto html ]
il y a 1 an
HTML - 03 - Balises HTML
HTML - 03 - Balises HTML
il y a 4 ans
COURS COMPLET HTML ET CSS [7/71] - Eléments, balises et attributs
COURS COMPLET HTML ET CSS [7/71] - Eléments, balises et attributs
il y a 7 ans
Balises HTML : cours GRATUIT pour les Débutants (99 / 100)
Balises HTML : cours GRATUIT pour les Débutants (99 / 100)
il y a 3 ans
Les balises HTML5 peu ou mal utilisées (en général)
Les balises HTML5 peu ou mal utilisées (en général)
il y a 1 an
cours html débutant : les balises de base html 5
cours html débutant : les balises de base html 5
il y a 3 ans
HTML #02 .| Les Balises &amp; L&#39;encoding
HTML #02 .| Les Balises & L'encoding
il y a 4 ans
[#13] Comment utiliser les balises sémantiques | HTML5/CSS3 &amp; ses frameworks pour les débutants
[#13] Comment utiliser les balises sémantiques | HTML5/CSS3 & ses frameworks pour les débutants
il y a 3 ans
Tutoriel HTML : Comprendre le HTML et les Balises
Tutoriel HTML : Comprendre le HTML et les Balises
il y a 2 ans
Cours 02 (HTML 2) - 2.1 Attributs de balise
Cours 02 (HTML 2) - 2.1 Attributs de balise
il y a 2 ans
Tutoriel HTML 5 / CSS 3 - #1 - les balises
Tutoriel HTML 5 / CSS 3 - #1 - les balises
il y a 6 ans
Formation IMM - Module HTML : Cours tuto 3 , les attributs de balise
Formation IMM - Module HTML : Cours tuto 3 , les attributs de balise
il y a 6 ans
Qu&#39;est-ce qu&#39;une balise HTML?
Qu'est-ce qu'une balise HTML?
il y a 4 ans
Les balises structurantes
Les balises structurantes
il y a 4 ans
« Précédent
Suivant »
Cette question a 1 réponse en anglais, pour les lire connectez-vous à votre compte.
 Cammel
Cammel
12 janvier 2009 в 6:18
2009-01-12T18:18:25+00:00
Détails
Source
Editer
#8741347

Juste avant la balise de fermeture du corps, comme indiqué sur la page

http://developer.yahoo.com/performance/rules.html#js_bottom

Placer les scripts en bas de page

Le problème causé par les scripts est qu'ils bloquent les téléchargements parallèles. La spécification HTTP/1.1 suggère que les navigateurs ne téléchargent pas plus de deux composants en parallèle par nom d'hôte. Si vous servez vos images à partir de plusieurs noms d'hôtes, vous pouvez faire en sorte que plus de deux téléchargements aient lieu en parallèle. Cependant, pendant le téléchargement d'un script, le navigateur ne lancera pas d'autres téléchargements, même sur des noms d'hôtes différents.

 vaxquis
vaxquis
Réponse modifiée 2 avril 2014 в 1:58
Best Practices for Speeding Up Your Web Site - Yahoo Developer Network
The Exceptional Performance team has identified a number of best practices for making web pages fast.
developer.yahoo.com
232
0
Andrew Hare
Andrew Hare
12 janvier 2009 в 6:18
2009-01-12T18:18:14+00:00
Détails
Source
Editer
#8741345

Si vous utilisez JQuery, placez le javascript là où vous le trouvez le mieux et utilisez $(document).ready() pour vous assurer que les choses sont correctement chargées avant d'exécuter toute fonction.

Remarque : j'aime que toutes mes balises de script soient placées dans la section <head>, car cela semble être l'endroit le plus propre.

 vaxquis
vaxquis
Réponse modifiée 2 avril 2014 в 2:05
23
0
 dkretz
dkretz
12 janvier 2009 в 6:18
2009-01-12T18:18:48+00:00
Détails
Source
Editer
#8741349

La réponse conventionnelle (et largement acceptée) est "en bas", car alors le DOM entier aura été chargé avant que quoi que ce soit puisse commencer à s'exécuter.

Il y a des dissidents, pour diverses raisons, à commencer par la pratique disponible de commencer intentionnellement l'exécution avec un événement onload de la page.

6
0
Ajouter une question
Catégories
Toutes
Technologie
Culture / Loisirs
Vie / Arts
Science
Professionnel
Entreprises
Utilisateurs
Tous
Nouveau
Populaire
1
Роман Азаров
Enregistré il y a 1 semaine
2
Mansur Zakirov
Enregistré il y a 1 semaine
3
Тагир Мамедов
Enregistré il y a 1 semaine
4
Алексей Толманов
Enregistré il y a 1 semaine
5
Valeriu Vodnicear
Enregistré il y a 3 semaines
DE
EL
ES
FR
ID
IT
JA
LV
NL
PT
RO
SL
TR
ZH
© kzen.dev 2023
Source
stackoverflow.com
sous licence cc by-sa 3.0 avec l'attribution