Öffnen Sie die URL in einem neuen Fenster mit JavaScript

129

Ich mache einen "Share-Button", um die aktuelle Seite zu teilen. Ich möchte die aktuelle Seiten-URL nehmen und in einem neuen Fenster öffnen. Ich habe den aktuellen URL-Teil zum Laufen gebracht, kann aber den nächsten Teil anscheinend nicht zum Laufen bringen.

Ich habe Probleme mit der Syntax. Ich möchte die neue Fenstergröße angebenwidth=520, height=570 .

Etwas wie:

<a target="_blank"
   href="https://www.linkedin.com/cws/share?mini=true&amp;url=[sub]" 
   onclick="this.href = this.href.replace('[sub]',window.location)">
    LinkedIn
</a>

Irgendwelche Ideen?

Mark Mitchell
quelle

Antworten:

216

Verwendung window.open():

<a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a>

Dadurch wird ein Link mit Share Pagedem Titel erstellt, der die aktuelle URL in einem neuen Fenster mit einer Höhe von 570 und einer Breite von 520 öffnet.

Citruspi
quelle
Wie man die Höhe und Breite des Fensters auf Null setzt, wenn ich auf Null setze, wird Vollbild angezeigt
Akshatha Srinivas
Wie öffnen wir es als normales Fenster anstatt als Popup-Fenster? weil nicht in der Lage, neuen Tab zu öffnen
Ashok Kumar Ganesan
@AkshathaSrinivas die Mindesthöhe ist 100
Oscar Acevedo
56

Einfach window.open()Funktion nutzen ? Mit dem dritten Parameter können Sie die Fenstergröße angeben.

Beispiel

var strWindowFeatures = "location=yes,height=570,width=520,scrollbars=yes,status=yes";
var URL = "https://www.linkedin.com/cws/share?mini=true&amp;url=" + location.href;
var win = window.open(URL, "_blank", strWindowFeatures);
Shiplu Mokaddim
quelle
shiplu.mokadd.im Das scheint das zu sein, was ich brauche, aber ich bin mir nicht sicher, wohin es geht.
Mark Mitchell
2
@MarkMitchell Wenn Sie sich nicht für Codierungsstandards interessieren - in das onclickAttribut. Eine etwas bessere Option ist das Erstellen einer Funktion, die Sie von der aufrufen onclick. Verwenden getElementByIdund addEventListenerist noch sauberer. Die Verwendung von jQuery, um eine kürzere Syntax (und einige andere Funktionen + Tonnen von Plugins) zu erhalten, ist ebenfalls sehr beliebt.
John Dvorak
Wie ist das der 4. Parameter? Es sieht für mich wie der 3. aus. Vermisse ich etwas
CoderDennis
@CoderDennis Schöner Fang. Behoben.
Shiplu Mokaddim
Hallo, wie kann ich das Fensterschließereignis auslösen?
Dilakshan Sooriyanathan
2

Nicht verwirren, wenn Sie keine strWindowFeatures angeben, wird es in einem neuen Tab geöffnet.

window.open('https://play.google.com/store/apps/details?id=com.drishya');
Ankit Kumar Rajpoot
quelle