Inline JavaScript in 'href' funktioniert nicht wie erwartet in Firefox

8

Warum funktioniert dieses Inline-Javascript nicht in Firefox? Und wie kann ich es in Firefox richtig funktionieren lassen?

%Vor%

In Safari erscheint dies wie es sollte. In Firefox erscheint es momentan mit einer Lücke (als ob der Browser in quirks mode) verschwindet dann alles auf der Seite, ersetzt durch das Wort "block". Zuerst dachte ich, das bedeute, dass Firefox es blockiere, aber es sagt "inline" statt, wenn das ist, was ich den Stil zur Anzeige eingestellt habe.

BEARBEITEN: Der Javascript-Teil meines Problems ist jetzt gelöst. Aber es gibt immer noch einen Unterschied in der Art, wie der Überschriftshintergrund erscheint: Er erstreckt sich in Safari auf den div-Rahmen, nicht aber auf Firefox. Gibt es eine Möglichkeit, dies in Firefox zu tun?

    
Aidan Stanger 18.11.2015, 14:23
quelle

3 Antworten

7

Die engste Arbeitsform von dem, was Sie haben, ist:

%Vor%

Weil :

  

Wenn ein Browser einem javascript: URI folgt, wertet er den Code in der   URI und dann ersetzt den Inhalt der Seite durch den zurückgegebenen   Wert , außer der zurückgegebene Wert ist undefined . Der Operator void kann   verwendet werden, um undefined zurückzugeben.

onclick ist hier die bessere Option.

    
Alex K. 18.11.2015 14:41
quelle
3

Ersetzen Sie Ihren Link durch diesen:

%Vor%

Soweit ich es verstehe, versucht Firefox, eine URL zu öffnen, wenn Sie den javaScript-Aufruf in das href -Attribut setzen. (wie Sie in Ihrer Adressleiste sehen können) Putting es in onclick stattdessen macht es gut.

Ich denke, Sie könnten auch preventDefault oder so verwenden, und Sie könnten auch a href="#" ausprobieren, aber a href="javaScript: void(0);" funktioniert gut und ist robust durch alle Browser, die ich bisher getestet habe.

    
Burki 18.11.2015 14:35
quelle
1

Auf OSX Firefox Version 41.0.1 habe ich auch das gleiche Problem in Geige erfahren. Ich weiß nicht, warum es nicht funktioniert, es könnte ein Fehler in FireFox sein, aber Sie können dies tun, um eine ähnliche Arbeitslösung zu haben:

%Vor%     
AtheistP3ace 18.11.2015 14:32
quelle

Tags und Links