Diskussion über den Einsatz von javascript:void(0)_javascript-Kenntnissen-js-Tutorial-php.cn

Diskussion über den Einsatz von javascript:void(0)_javascript-Kenntnissen

WBOY

Freigeben： 2016-05-16 16:53:05

Original

1243 Leute haben es durchsucht

Wenn Sie beim Erstellen einer Seite nach dem Klicken auf einen Link nichts tun oder als Reaktion auf den Klick andere Dinge erledigen möchten, können Sie das Attribut href = „#“ festlegen. Es tritt jedoch ein Problem auf, wenn die Seite über einen Bildlauf verfügt Nach dem Klicken wird die Leiste wieder an den Anfang der Seite verschoben, was eine schlechte Benutzererfahrung darstellt.

Derzeit gibt es mehrere Lösungen:
1) Nichts tun, nachdem Sie auf den Link geklickt haben

Code kopieren Der Der Code lautet wie folgt:

test //Verwenden Sie 2 bis 4 #, die meisten davon sind „####“, aber auch „#all“. " und andere

2) Nachdem Sie auf den Link geklickt haben, reagieren Sie auf das benutzerdefinierte Klickereignis

Code kopieren Der Code lautet wie folgt:

test a href="#" onclick="doSomething();return false;">Alle Probleme sind gelöst, einschließlich Browser-Inkompatibilitätsproblemen //Oder verwenden Sie href=""
test

Erklärung:

1.javascript:void(0) Diese Pseudoprotokolle sollten geschrieben werden weniger Wenn Sie einige Bücher über Webstandards gelesen haben, wissen Sie, warum. (Ich verstehe das nicht, ich zitiere die Originalwörter, deshalb werde ich sie erst einmal aufzeichnen)
2. Die direkte Verwendung von javascript:void(0) für Links (href) kann im IE zu Problemen führen, z B. dazu führen, dass die GIF-Animation nicht mehr abgespielt wird usw. Der sicherste Weg ist also die Verwendung von „####“. Um zu verhindern, dass nach dem Klicken auf den Link zum Anfang der Seite gesprungen wird, kann das onclick-Ereignis „false“ zurückgeben.
3. Wenn Sie die Maus einfach darüber bewegen und in eine Handform verwandeln möchten, können Sie den Code mit

kopieren Der Code lautet wie folgt:

Click Me! >

void ist der Operator von Javascript. Das bedeutet: Es wird nur der Ausdruck ausgeführt, aber es gibt keinen Rückgabewert. Das Verwendungsformat des 
void-Operators lautet wie folgt: 

Code kopieren

Code wie folgt: javascript:void (expression) javascript:void expression

Für einen guten Programmstil wird empfohlen, den zweiten Typ von
mit Klammern zu verwenden. Wir können den Void-Operator verwenden, um einen Hyperlink anzugeben, z. B. javascript:void(document.form.submit()). Der Ausdruck wird ausgewertet, aber nichts wird in das aktuelle Dokument geladen. void(0) ergibt 0, hat aber keine Auswirkung auf JavaScript, d. h. .
Der Schlüssel ist zu wissen, dass void der Operator von javascipt selbst ist. Das bedeutet, dass nur der Ausdruck ausgeführt wird, es aber keinen Rückgabewert gibt!

Außerdem wird die Seite automatisch wieder nach oben verschoben, da die standardmäßige Zielpunktposition „#“ oben ist, was dazu führt, dass dies geschieht.