Discussion :

[Watilin]

Je crois que c'est grâce à Firebug. D'ailleurs Chrome s'en est inspiré apparemment.

Effectivement je me souviens avoir vu ça dans une patch note de Firebug. Je crois que ça date de la versions actuelle (1.12).

[NoSmoking]

Il semblerait que cela soit plus ancien, firebug ver 1.8, mais l'importance est toute relative.

[SylvainPV]

Ce qui serait très utile aussi dans l'API console, c'est un moyen de logger le scope d'une closure selon l'endroit du code où on se trouve. On peut déjà le voir en mettant un breakpoint sous Chrome, dans la barre latérale de débug à droite.

[Coocky10]

Pour commencer :

• Toujours déclarer ses variables qu'elles soient locales ou globales :
  Firefox est très sensible à ça et avec IE on peut avoir de mauvaises surprises ;
• le nom de variables ne doit pas être un mot-clef JS ou l'id ou le name d'un élément ou le nom d'une balise (cf. le lien ci-dessus) ;
• bannir innerHTML pour inclure dans la page des nouveaux éléments (div, input, table, etc.). Utiliser le DOM ;
• bannir document.write()
• dans les balises HTML écrire le nom des événements en minuscules (sinon ça ne passe pas la validation W3C) ;

Pourquoi bannir innerHTML ?

[sdamart]

Pourquoi bannir innerHTML ?

Ce n'est pas innerHTML qu'il faut bannir mais document.write car il s'agit je pense d'une méthode qui t'oblige à réécrire le contenu de ta page. Et aujourd'hui ce n'est plus ce que l'on cherche à faire.
Pour la citation de auteur,
Certaine personne écrivent cela :

Code :

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

document.getElementById("el").innerHTML="<div id=\"autre_el\">POP</div>";

Il n'y a rien à dire dans cette ligne de code j'ajoute une DIV dans #el définitivement
Mais ça :

Code :

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

1
2
3
4
5
document.getElementById("el").innerHTML="<div id=\"autre_el\">POP<a href=\"#\" id=\"closer\">x</a></div>";
document.getElementById("closer").onClick=function(){ //Je ne tiens pas compte des event_caller IE et FireFox (c'est pour l'exemple)
document.getElementById("autre_el").remove();
return false;
};

C'est maladroit est bancal

[NoSmoking]

Ce n'est pas innerHTML qu'il faut bannir mais document.write...

peut être pas bannir mais a utiliser en connaissance de code et de façon cohérente.

Pour test et pour ce rendre compte des effets de bord : http://www.developpez.net/forums/d97...l/#post5463783.