Ö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?

javascript new-window

— Mark Mitchell
quelle

Mögliches Duplikat von Javascript - Öffnen Sie eine bestimmte URL in einem neuen Tab, indem Sie auf eine Schaltfläche klicken

— Luke Alderton

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

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

@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

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