Link, der zwei Seiten öffnet

Wenn wir HTML-Links innerhalb einer Webseite verwenden, sehen wir, dass das natürliche Verhalten darin besteht, die Seite oder einen bestimmten Teil der Seite in einem der Browser-Frames zu öffnen (gleicher Verkauf, übergeordnetes Fenster, ein Frame,…).

Bei Verwendung der HTML-Sprache sind wir auf diesen Vorgang beschränkt. Wenn wir andere Dinge tun wollen, müssen wir die Skriptsprache JavaScript verwenden. Mit dieser Sprache können wir die Eigenschaften des Browsers ändern und sein Verhalten ändern. Auf diese Weise können wir beim Klicken auf einen Link zwei Ziel-URLs anstelle einer öffnen.

Bevor wir erklären, wie dies zu tun ist, sollte beachtet werden, dass diese Kraft bestimmte Einschränkungen aufweist. Da dies die Erstellung von Seiten einschränkt, auf die zugegriffen werden kann oder die für Geräte bestimmt sind, die kein JavaScript interpretieren. Wie es bei Handys der Fall sein könnte.

Lass uns mit der Arbeit beginnen. Die ursprüngliche Idee ist, zwei Fenster mit zwei URLs zu öffnen. Dazu müssen wir zunächst wissen, wie ein Fenster über JavaScript geöffnet wird. Wir werden dies mit dem Browserobjekt DOM-Fensterobjekt und seiner .open () -Eigenschaft tun. Schauen wir uns die Codezeile an:

window.open (url:string,nombreVentana:string,caracteristicas :string);

Wir werden eine Funktion erstellen, die zwei Aufrufe der open-Methode ausführt. Diese Funktion erhält als Parameter die beiden URLs, die wir öffnen möchten.

function abrirEnlaces(url1,url2){
  window.open(url1);
  window.open(url2);
}

Die Funktion wird aufgerufen, wenn wir auf einen Link klicken. Um diesen Tastendruck zu steuern, müssen wir uns auf das Ereignismanagement verlassen. Das zu erfassende Ereignis ist das onClick-Ereignis, das den Link empfängt.

Enlace que abre dos ventanas

Vor der Verarbeitung des JavaScript-Ereignisses verarbeitet der Browser das HTML-Ereignis der Seite selbst. Aus diesem Grund müssen wir diesen Mechanismus deaktivieren, um anzuzeigen, dass die Navigation des HTML-Links “#” ist. Dies bedeutet, dass die Navigation derselbe Ort ist, an dem Sie sich befinden.

Erhalten Sie die Codezeile wie folgt:

;
Enlace que abre dos ventanas

Hinterlasse eine Antwort