Exemples de raisons de ne pas utiliser les techniques javascript inline_javascript

De nombreuses personnes ont utilisé Javascript comme celui-ci

Copier le code Le code est le suivant :

< a href= "#" onclick="al()">Save

Le code ci-dessus est très pratique à utiliser et est pris en charge par tous les navigateurs

Bien que Je suis très tôt, j'ai lu quelques livres et j'ai dit qu'il est plus facile à maintenir si HTML, CSS et JS sont séparés. Cependant, je suis avide de commodité, donc j'écris souvent comme ça, cependant, lorsque j'utilise Firefox pour déboguer. aujourd’hui, j’ai trouvé qu’il valait mieux ne pas écrire en ligne, car c’est très dangereux, car utiliser le firebug de Firefox peut facilement invalider le code !

Voyons pourquoi :

Copiez le code Le code est le suivant :

< ;html>

<script> <br>function al() <br>{ <br>alert("good"); ></script>


< ;/body>



Le code ci-dessus consiste à cliquer sur l'étiquette pour faire apparaître la boîte de dialogue

L'effet est le suivant :



Mais si vous trouvez la balise a dans Firefox et supprimez le code js à l'intérieur, la boîte de dialogue ne s'affichera pas lorsque vous cliquez sur la balise a, comme indiqué ci-dessous


Donc si votre événement de clic est Il est impossible de juger si les données saisies par l'utilisateur sont légales
Je travaille sur asp.net et j'ai découvert ce problème aujourd'hui à cause de l'asp. net server control a deux événements de clic, un à la réception et un à la réception. En arrière-plan, j'ai utilisé l'événement de clic au premier plan pour juger si c'était légal, j'ai appelé l'événement d'arrière-plan. En conséquence, j'ai utilisé Firefox pour déboguer et découvert le phénomène décrit ci-dessus. Même si les données sont illégales, la méthode en arrière-plan est appelée directement. Peut-être que je ne fais pas ça, mais je suis heureux d'avoir découvert cela. problème, et publiez par la présente un article pour le partager, haha

Solution :

Donnez un identifiant à un tag, comme indiqué ci-dessous

Copier le code Le code est le suivant : Enregistrer <script> </div>document.getElementById("a1").onclick=function(){} <div class="codebody" id="code18683"></script>