Inline-JavaScript-onclick-Funktion

Gibt es eine Möglichkeit zu schreiben folgenden code inline-wie so?

<a href="#" onClick="function(){
    //do something;
    return false;
};return false;"></a>

Statt dies zu tun:

 <a href="#" onClick="doSomething(); return false;"></a>

 function doSomething(){
    //do something;
 }
  • Warum würden Sie wollen?
  • Warum? Inline-code ist schrecklich und nicht wartbar oder wiederverwendbar
  • da bin ich hallte es in die Seite und ich will, dass es eingeschränkt ist. und ich möchte das nicht wiederholen doSomething mehrere Male.
  • Warum würden Sie haben, zu wiederholen doSomething mehrere Male? Erklären Sie es einmal. Wenn Sie brauchen, zu verknüpfen, werden bestimmte Daten mit der <a> verwenden Sie eine data-* Attribut und Rendern von Informationen gibt. Und nicht die onclick im tag - warten Sie, bis der DOM fertig zu sein, bekommen alle <a> Elemente, und binden Sie einen click-Ereignishandler für jeden Aufruf doSomething und übergeben Sie die data-* Attribut, das Sie brauchen können.
  • Was auch immer Sie zu tun versuchen, den code in eine Funktion und rufe diese Funktion in Ihrem onclick handler. Schreiben mehr als ein einzelner Befehl oder zwei inline-HTML ist eine schlechte Idee.
  • Ja, es ist möglich (wenn Sie beheben die Fehler in der syntax), aber nicht praktisch.
  • Warum bist du nicht mit .js-Dateien für Ihre javascript-code?
  • Dies macht Sinn, für eine schnelle test-Skript (manchmal).

InformationsquelleAutor Toniq | 2014-02-24
  1. 32

    können Sie selbstausführende, Anonyme Funktionen. dieser code funktioniert:

    <a href="#" onClick="(function(){
    alert('Hey i am calling');
    return false;
})();return false;">click here</a>

    sehen JSfiddle

    • Upvoting, aber... wirklich, ich hoffe, Sie haben einen guten Grund, Sie schreiben von inline-code, es ist in der Regel eine schlechte Praxis.
    • ^^ Ich kann sehen, dass es schlechte Praxis, wenn die sich wiederholenden code, aber anonyme Funktionen haben Ihren Platz. Ich schrieb eine Funktion, ruft eine benutzerdefinierte boostrap bestätigen modal. Ich möchte, dass es eine situation zu handhaben ist Sie auf Abbrechen und bestätigen eindeutig für die Instanz, wenn ich es brauche. Es ist albern, zu schreiben sich die beiden Funktionen an anderer Stelle und suchen für Sie innerhalb des Codes, wenn Sie nicht wiederverwendet werden.
    • Mein Anwendungsfall ist für die Entlassung eines be-splash-screen. Das onclick-löscht den splash-screen aus der DOM.
    • versuchen Sie, ersetzen Sie den Anker-tag mit div.
    • Ich habe gerade verwendet diese Methode, um fügen Sie ein shim für das Debuggen in eine Seite, die ich nicht Steuern, so konnte ich nicht hinzufügen, eine zusätzliche Funktion. Es ist hässlich, aber es funktioniert
    InformationsquelleAutor Mukund Kumar
  2. 15

    Sollte diese Arbeit

     <a href="#" onclick="function hi(){alert('Hi!')};hi()">click</a>

    Können Sie inline-javascript im onclick-als ob Sie der Zuweisung der Methode durch javascript. Ich denke das ist einfach eine Frage der macht code sauberer halten Sie Ihre js in einem Skriptblock

    InformationsquelleAutor ITomas
  3. 3

    Dies ist nicht wirklich zu empfehlen, aber Sie können es tun alle inline-etwa so:

    <a href="#" onClick="function test(){ /* Do something */  } test(); return false;"></a>

    Aber ich kann nicht denken Sie an alle Situationen aus hand, wo wäre dies besser als schreiben die Funktion irgendwo aufrufen und es onClick.

    • Ich versuchte dies und im firefox bekomme ich: SyntaxError: function-Anweisung muss einen Namen
    • Ich habe aktualisiert, der code. Sollte jetzt funktionieren.
    • würde diese test-Funktion gehört werden außerhalb des href-Bereich?
    • Ich dachte, es würde existieren im globalen Bereich, aber das scheint nicht wahr zu sein. So weit wie ich kann sagen, es wird nicht existieren außerhalb des Geltungsbereichs der tag, aber ich bin mir nicht sicher, in welchem Umfang es existiert sicher.
    InformationsquelleAutor jvdub
Schreibe einen Kommentar