Wie Sie ein neues Javascript-Fenster mit den Abmessungen anzeigen

December 15

Popup-Fenster anzeigen von Webseiten in kleinen Browserfenstern, die oft in Größe und Funktionalität eingeschränkt. Obwohl aus der Mode in modernen Web-Design, haben Pop-ups noch ihre Verwendung in einer Vielzahl von Kontexten, z. B. Öffnen einen audio-Player damit den Besucher weiterhin die Website durchsuchen, während Sie Musik hören können. Die Methode "window.open" in JavaScript erstellt Pop-ups, die vorhandenen Webseiten laden. Sie können die Abmessungen des Popup-Fensters durch Festlegen einer Breite und Höhe innerhalb dieser Methode steuern.

Anweisungen

1 Öffnen Sie die Webseite, wo Sie das Popupfenster in Notepad oder einem Codeeditor hinzufügen möchten. Suchen Sie "< Script >"-Tags in Kopf- oder Fußzeile Code:

< Skript-Typ = "Text/Javascript >

JavaScript-Code wird hier in

< / script >

Fügen Sie "< Script >"-Tags mit dem Attribut des "Typ" auf "Text/Javascript" festgelegt werden, wenn Ihre Seite ihnen nicht bereits enthält. Setzen sie zwischen die Tags "< Head >" oder in der Zeile über dem schließenden Tag "< / body >".

2 Starten Sie eine neue Funktion zwischen den "< >" Skripttags schreiben:

Funktion PopupWindow () {}

}

3 Verwendung "window.open" Ihre Popup erstellen. Geben Sie die Web-Seite an, die Sie verwenden möchten, im Fenster öffnen, und geben sie einen Namen. Fügen Sie die Breite und Höhe zwischen ein einzelnes Paar Anführungszeichen mit einem Komma getrennt:

Funktion PopupWindow () {}

Window.Open ("als http://somedomain.com/page.html", "Newpage", "Width = 400, Height = 300");

}

Alle Einstellungen, geben Sie das Popup-Fenster, z. B. Bildlaufleisten oder der Adressleiste gehen zwischen das gleiche Paar von Zitaten.

4 Irgendwo im Körper Ihrer Webseite einen Link hinzufügen. Legen Sie das Attribut "Onclick", um Ihre JavaScript-Funktion:

< a Href = "als http://somedomain.com/page.html" Onclick = "Javascript: popupwindow(); false zurück;" > Klick mich </a >

Legen Sie das Attribut "Href" auf der Webseite das Popup geöffnet wird. Hinzufügen von "false zurück" nach der Funktion wird im Hauptfenster gehen, um die neue Seite, aber der Benutzer JavaScript deaktiviert, wird einfach der Link im Hauptfenster geladen.

Tipps & Warnungen

  • Fügen Sie den Code "Onload", dem Starttag "< Body >" statt einen Link Popup offen machen, wenn ein Besucher der Webseite lädt.
  • Verwenden Sie sparsam Popup-Fenster. Je komplizierter ein Popup wird, desto eher müssen Sie anderen Code für verschiedene Browser um es richtig zu erstellen. Einige Internet Explorer-Versionen automatisch geöffnet Pöbel in Tabs statt neue Fenster als Standardeinstellung, und Benutzer auch Pop-ups blockieren.

SIE KÖNNEN AUCH GERNE