Ausführliche Erläuterung der Anwendungsbeispiele von window.open in JavaScript_Javascript-Kenntnissen-js-Tutorial-php.cn

Ausführliche Erläuterung der Anwendungsbeispiele von window.open in JavaScript_Javascript-Kenntnissen

WBOY

Freigeben： 2016-05-16 16:04:06

Original

1332 Leute haben es durchsucht

In diesem Artikel wird die Verwendung von window.open in JavaScript detaillierter analysiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Code kopieren Der Code lautet wie folgt:

Parametererklärung:

js-Skript startet;
window.open-Befehl zum Öffnen eines neuen Fensters; 'page.html' Dateiname des Popup-Fensters; 'newwindow' Der Name des Popup-Fensters (nicht der Dateiname), optional, kann durch leeres ''
ersetzt werden height=100 Fensterhöhe;
width=400 Fensterbreite;
top=0 Pixelwert über dem Fenster vom Bildschirm; left=0 Pixelwert des Fensters von der linken Seite des Bildschirms; toolbar=no gibt an, ob die Symbolleiste angezeigt werden soll, ja bedeutet Anzeige
Menüleiste, Bildlaufleisten repräsentieren Menüleisten und Bildlaufleisten.
resizable=no Gibt an, ob das Ändern der Fenstergröße zulässig ist. Ja bedeutet, dass dies zulässig ist location=no ob die Adressleiste angezeigt werden soll, ja ist erlaubt; status=nein, ob die Informationen in der Statusleiste angezeigt werden sollen (normalerweise wurde die Datei geöffnet), ja ist erlaubt;
1. Verwenden Sie Funktionen zur Steuerung von Popup-Fenstern

Unten finden Sie einen vollständigen Code.

Hier wird eine Funktion openwin() definiert, deren Funktionsinhalt darin besteht, ein Fenster zu öffnen. Es erfüllt keinen Zweck, bis es aufgerufen wird. Wie nennt man es?

Methode 1: Ein Popup-Fenster erscheint, wenn der Browser die Seite liest
Methode 2: Popup-Fenster, wenn der Browser die Seite verlässt;

Methode 3: Aufruf mit einer Verbindung: Fenster öffnen Hinweis: Das verwendete „#“ ist eine virtuelle Verbindung.

<html>
<head>
<script LANGUAGE="Javascript">
<!-- 
function openwin()
{ window.open("page.html", "newwindow", "height=100,width=400, toolbar=no , menubar=no, scrollbars=no,resizable=no, location=no, status=no") //写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
...任意的页面内容...
/body>
</html>

Nach dem Login kopieren

Methode 4: Aufruf per Button:

2. Schließen Sie das Popup-Fenster regelmäßig (einige Websites zeigen vor der Registrierung nach erfolgreicher Registrierung n Sekunden an, um zur Seite zu gelangen, oder springen von selbst)

Als nächstes führen wir einige Steuerelemente im Popup-Fenster durch, um den Effekt zu verbessern.

Wenn wir der Popup-Seite einen kleinen Code hinzufügen (beachten Sie, dass er dem HTML von page.html hinzugefügt wird, nicht der Hauptseite, sonst ...), wäre es dann nicht cooler, wenn er danach automatisch geschlossen würde? 10 Sekunden?

Fügen Sie zunächst den folgenden Code zum Bereich der page.html-Datei hinzu:

Verwenden Sie dann diesen Satz, um den ursprünglichen Satz in page.html zu ersetzen.

(Vergessen Sie nicht, diesen Satz zu schreiben! Die Funktion dieses Satzes besteht darin, den Code zum Schließen des Fensters aufzurufen. Das Fenster wird nach 10 Sekunden automatisch geschlossen.

3. Das Fenster nur einmal öffnen (Cookie-Kontrolle)

Denken Sie daran, dass das obige Popup-Fenster zwar cool ist, es jedoch ein kleines Problem gibt, wenn Sie das obige Skript beispielsweise auf einer Seite einfügen, die häufig übergeben werden muss (z. B. der Homepage),

<script language="Javascript">
function closeit()
{
setTimeout("self.close()",10000) //毫秒
}
</script>

Nach dem Login kopieren

Jedes Mal, wenn Sie diese Seite aktualisieren, wird das Fenster angezeigt. Ist das nicht sehr nervig? Gibt es eine Lösung?

Um dies zu steuern, verwenden wir Cookies.

Fügen Sie zunächst den folgenden Code zum HTML-Bereich der Hauptseite hinzu:

Dann ersetzen Sie das Original
auf der Hauptseite durch (nicht openwin, sondern Loadpop beachten!)
Dieser Satz reicht aus. Sie können versuchen, die Seite zu aktualisieren oder sie erneut aufzurufen. Das Fenster wird dann nie wieder angezeigt.

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.