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