Gewusst wie: Öffnen Sie ein neues Fenster mit einem Anker in Javascript

January 24

HTML-Anker-Tags, auch bekannt als Links, können viel mehr als nur senden Browser für neue Webseiten tun, wenn der Benutzer auf die Links klicken. Alle Anker hat ein Attribut "Href". Web-Entwickler wird in der Regel der Wert dieses Attributs auf eine URL. HTML können Sie auf den Namen der JavaScript-Funktion ein Href-Wert festgelegt. Dann können Sie diese Funktion verwenden, um ein neues Fenster zu öffnen, wenn der Benutzer klickt den Anker.

Anweisungen

1 Öffnen Sie Ihre HTML-Dokumente mit einem HTML-Editor oder ein Textverarbeitungsprogramm.

2 Fügen Sie diesen Code, um das Dokument "Textabschnitt":

< a Href = "Javascript: NewWindow (', http://www.whitehouse.gov')" >

Hier klicken, um ein neues Fenster öffnen

</a >

Dadurch entsteht einen Anker. Diese Ankerwert Href verweist auf eine JavaScript-Funktion namens "NewWindow." In diesem Beispiel der Code übergibt die URL mit dem Namen "< Http://www.whitehouse.gov>" an die Funktion. Ändern Sie, die zu jeder URL, die Sie mögen.

3 Fügen Sie den folgenden JavaScript-Code in das Dokument "Sektionschef":

< Skript-Typ = "Text/Javascript" Language = "Javascript" >

Funktion newWindow(URL) {}

Var WindowParms = "' Breite 600, Höhe = = 400, Lage = 1, Menubar = 1, Scrollbars = 1, Status = 1, Symbolleiste = 1, resizable = 1'";

Window.Open (URL, "Window1", WindowParms);

}

< / script >

Der Anker übergibt die URL an diese Funktion und führt dann die "window.open"-Funktion, die ein neues Fenster öffnet. Die "window.open"-Funktion akzeptiert eine Parameterliste. Die "WindowParms"-Variable enthält die Liste der Parameter. Durch das Ändern der Werte in dieser Liste, bestimmen Sie, wie das neue Fenster aussieht. Legen Sie die Höhe und die Breite des Fensters in Pixeln, durch Ändern der Werte für Breite und Höhe. Werte für die anderen Eigenschaften bestimmen, ob eine bestimmte Symbolleiste im neuen Fenster erscheint. Mögliche Werte sind "1" und "0". In diesem Beispiel wird eine Adressleiste im neuen Fenster angezeigt, weil der Wert für die Lage ist "1". Der Wert "1" bedeutet "diese Symbolleiste anzeigen". Der Wert "0" bedeutet "nicht diese Symbolleiste angezeigt werden."

4 Speichern Sie das HTML-Dokument und in einem Browser anzeigen. Klicken Sie auf den Anker um ein neues Fenster zu öffnen.

Tipps & Warnungen

  • Wollen Sie einfach ein neues volles Größe Fenster öffnen, das aussieht wie die jetzige, fügen Sie diese Anweisung vor der Funktion "window.open" Anweisung: WindowParms = "". Dadurch wird den Wert des WindowParms auf null.
  • Beachten Sie, dass Benutzer mit Popup-Blocker aktiviert keine Popup-Fenster zu sehen sind.
  • .

SIE KÖNNEN AUCH GERNE