Comment isoler une partie de son code

**raydenprod** · 30/04/2015, 11h32

Bonjour,

Ma question est relativement simple :
J'aimerai savoir si il est possible (si oui, quelle est la meilleure façon de faire) dans une page html d'isoler une partie du code (par exemple un div) et dire que dans ce div, tous les js du site ne sont pas pris en compte.
exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
 
</head>
<body>
<div id="a"></div>
<div id="b"></div>
 
<script src="jquery"></script>
<script src="monscript"></script>
</body>
</html>

dans cette page html je souhaite que le JS soit pris en compte dans le div a mais pas dans le div b.

Quelle est la meilleure façon de faire ? une closure ?

Merci d'avance,

Cordialement

**SpaceFrog** · 30/04/2015, 12h03

Non cela est impossible avec cette méthode ...
un js est global à la page ...

ensuite il s'agit juste d'utiliser les bons sélecteurs pour cibler les bons éléments
Tout dépend de ce que font tes scripts ...

Mais manifestement tu ne peux pas limiter un script à une zone de la page autrement qu'en pointant dans le script sur des éléments en particulier et leurs évènements

**SylvainPV** · 30/04/2015, 12h11

Ou alors utiliser une iframe. Mais pas sûr que ce soit ce que tu veuilles. Comme l'a dit SpaceFrog ce serait plutôt le script qui est à revoir.

**raydenprod** · 30/04/2015, 15h05

Merci pour vos réponses.

Je vais essayer avec des appels des parties de pages concernées en ajax.

**sekaijin** · 30/04/2015, 15h54

Je pense que mettre le js dans le body est une mauvaise pratique

pour moi tous les js devrait être dans les headers

et donc la question ne se pose plus.

A+JYT

**slim** · 30/04/2015, 16h18

Envoyé par sekaijin

Je pense que mettre le js dans le body est une mauvaise pratique
pour moi tous les js devrait être dans les headers

Je dirais Oui et Non...
Tout dépend du poids des fichiers et du temps de chargement.
Mettre des fichiers JS "non vitaux" et assez lourds dans le head est une mauvaise pratique.

Le mieux est de privilégier (dans <head>) les fichiers "vitaux" et déclarer les autres dans le body ou mieux, utiliser une librairie de lazyLoading.

**sekaijin** · 30/04/2015, 17h32

Envoyé par slim

Je dirais Oui et Non...
Tout dépend du poids des fichiers et du temps de chargement.
Mettre des fichiers JS "non vitaux" et assez lourds dans le head est une mauvaise pratique.

Le mieux est de privilégier (dans <head>) les fichiers "vitaux" et déclarer les autres dans le body ou mieux, utiliser une librairie de lazyLoading.

Que tu mette un fichier lourd dans le header ou dans la page ne change rien. donc je pense qu'il vaut mieux le mettre dans le header.
Si tu peux t'en passer alors tu ne le mets pas. (et tu le charge à la volée en cas de besoin.)

Dans les deux cas tu ne le mets pas dans le body et dans les deux cas au chargement de ta page tous les js sont dans le header.

Je pense donc que le mettre dans le body n'est pas une bon pratique.

A+JYT

**slim** · 30/04/2015, 17h48

Envoyé par sekaijin

Que tu mette un fichier lourd dans le header ou dans la page ne change rien.

Envoyé par w3schools

It is a good idea to place scripts at the bottom of the <body> element.
This can improve page load, because HTML display is not blocked by scripts loading.

http://www.w3schools.com/js/js_whereto.asp

**ABCIWEB** · 30/04/2015, 18h09

Envoyé par sekaijin

Je pense donc que le mettre dans le body n'est pas une bon pratique.
A+JYT

En théorie le js a mieux sa place dans le header. Mais ce n'est pas ce que google encourage à faire pour optimiser la vitesse de téléchargement des pages sur les mobiles...

**sekaijin** · 01/05/2015, 11h34

je maintiens

Si tu mets ton script en pied de body ton document reste ouvert
alors que si tu mets un script dans le header qui contient sur le onLoad ou tout autre événement un chargement dynamique.
ton document est clos dès la fin de son chargement.

Pour mémoire le moteur HTML clos le document lors que la balise </html> est interprétée.
tant que cela n'est pas fait tout élément présent : tag html ou script est susceptible de modifier le document d'origine.
lorsque le document est clos le moteur peux relâcher toutes ces contraintes et assurer une manipulation optimal du DOM.
à partir de là le document d'origine et figé seul le DOM peut évoluer. il n'est plus nécessaire pour le moteur de maintenir la cohérence des deux.
bien sur un simple document.write et le document doit être réouvert (ce qui est extrêmement couteux)
mais là encore document.vrite est pour moi interdit.

c'est pour ces raison là que Google préconise de mettre SON code de PUB en fin de body.
ainsi il se charge après les infos de la page et peut utiliser le document.write pour modifier le document avant sa fermeture.

A+JYT

**SylvainPV** · 01/05/2015, 13h41

Un script dans le <head> peut aussi contenir une instruction comme document.write, donc tant que le script n'a pas été chargé et exécuté, le parser HTML (ou le moteur de rendu selon les navigateurs) est bloqué. Pour que l'utilisateur visualise le plus rapidement possible le contenu HTML de la page, il faut donc éviter de mettre des scripts trop lourds dans le <head>. C'est pour ça que Google recommande de les mettre en fin de <body>, car les navigateurs modernes n'attendent plus que le document soit fermé pour commencer à dessiner le contenu.

Le fait de les placer dans le <body> est une recommandation assez ancienne (~10 ans). Aujourd'hui on a trouvé mieux: les attributs async et defer sur les balises script. La recommandation actuelle est donc de mettre ses scripts dans le <head>, avec l'attribut async si l'ordre d'exécution n'importe pas, et defer si l'ordre d'exécution doit respecter l'ordre de déclaration (pour les bibliothèques par exemple)

Il va falloir que je mettre à jour la FAQ à ce sujet: http://javascript.developpez.com/faq...positionScript

**melka one** · 01/05/2015, 14h52

et les scripts comme par exemple jQuery qui sont mis en src dans le head il sont lu, executé a quelle moment ?

**ABCIWEB** · 01/05/2015, 18h11

Les scripts sont lus dans l'ordre où tu les mets dans ton code, excepté s'ils possèdent les attributs defer ou async évoqués plus haut.

Sinon pour jquery tu pourrais mettre aussi son chargement en bas du body pour peu que les scripts qui l'utilise se situent en dessous.

Comment isoler une partie de son code

JavaScript

Discussions similaires

Partager

Partager