Beispiele dafür, warum Javascript nicht inline_javascript-Techniken verwendet werden sollte

Viele Leute haben Javascript so verwendet

Code kopieren Der Code lautet wie folgt:

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

Der obige Code ist sehr bequem zu verwenden und wird von allen Browsern unterstützt

Obwohl Ich habe sehr früh einige Bücher gelesen und gesagt, dass es einfacher ist, HTML, CSS und JS zu pflegen. Ich bin jedoch auf Bequemlichkeit bedacht und schreibe daher oft so, wenn ich Firefox zum Debuggen verwende Heute habe ich festgestellt, dass es besser ist, nicht inline zu schreiben, da dies sehr unsicher ist, da die Verwendung des Firefox-Firebugs den Code leicht ungültig machen kann!

Schauen wir uns an, warum:

Kopieren Sie den CodeDer Code lautet wie folgt:

< ;html>
<script> ></script>
Speichern ;/body>



Der obige Code besteht darin, auf die Beschriftung zu klicken, um das Dialogfeld zu öffnen

Der Effekt ist wie folgt:



Aber wenn ich das a-Tag in Firefox finde und den darin enthaltenen js-Code entferne, wird das Dialogfeld nicht angezeigt, wenn Sie auf das a-Tag klicken, wie unten gezeigt

Wenn Ihr Klickereignis also ist, ist es unmöglich zu beurteilen, ob die vom Benutzer eingegebenen Daten legal sind

Ich arbeite in asp.net und habe dieses Problem heute entdeckt, weil der asp. Die Net-Server-Steuerung verfügt über zwei Klickereignisse, eines im Frontdesk und eines im Hintergrund. Ich habe das Klickereignis im Vordergrund verwendet, um die Eingabedaten des Benutzers zu beurteilen. Infolgedessen habe ich Firefox zum Debuggen verwendet und das oben beschriebene Phänomen entdeckt. Auch wenn die Daten illegal sind, wird die Hintergrundmethode möglicherweise nicht aufgerufen, aber ich bin froh, dass ich das entdeckt habe Problem, und poste hiermit einen Artikel, um ihn zu teilen, haha
Lösung:

Geben Sie einem Tag eine ID, wie unten gezeigt



Code kopieren


Der Code lautet wie folgt:

Speichern <script> <span>document.getElementById("a1").onclick=function(){} <a style="max-width:90%" data="18683" class="copybut" id="copybut18683" onclick="doCopy('code18683')"></script>