Automatisches Pop-up-Fenster mit JavaScript
In der heutigen digitalen Welt suchen viele Webentwickler nach Möglichkeiten, ihre Websites interaktiver und benutzerfreundlicher zu gestalten. Eine solche Methode ist die Verwendung von Pop-up-Fenstern. Diese kleinen Fenster können beim Betreten einer Website automatisch geöffnet werden und nach einer bestimmten Zeit wieder geschlossen werden. Dies kann nützlich sein, um dem Benutzer eine kurze Nachricht oder ein Angebot zu zeigen, ohne dass er aktiv darauf klicken muss.
Wie funktioniert es?
Das Einbinden eines solchen Pop-up-Fensters in Ihre Website ist einfacher, als Sie vielleicht denken. Der untenstehende Code zeigt, wie Sie ein solches Fenster erstellen können:
<html>
<head><title>Index</title>
<script language="JavaScript">
</script>
</head>
<body text="#000000" bgcolor="#C0C0C0">
<a href="javascript:fenster_oeffnen()">Fenster öffnen</a>
</body>
</html>
Das obige Beispiel öffnet ein neues Fenster, wenn der Benutzer auf den Link "Fenster öffnen" klickt. Aber was ist, wenn Sie möchten, dass das Fenster nach einer bestimmten Zeit automatisch geschlossen wird? Hierfür benötigen Sie einen weiteren Code:
<html>
<head><title>Fenster</title>
<script language="JavaScript">
</script>
</head>
<body text="#FF0000" bgcolor="#C0C0C0"
onLoad="window.setTimeout('fenster_schliessen()',3000)">
Nicht vergessen ...
</body>
</html>
In diesem Beispiel wird das Fenster nach 3 Sekunden (3000 Millisekunden) automatisch geschlossen.
Was sollten Sie beachten?
Es ist wichtig zu beachten, dass Sie zwei separate HTML-Dateien erstellen müssen: Eine für die Hauptseite und eine für das Pop-up-Fenster. Die Zeit, nach der das Fenster geschlossen wird, wird in Millisekunden angegeben. Das bedeutet, dass 3 Sekunden als 3000 Millisekunden eingegeben werden müssen.
Fazit
Pop-up-Fenster können eine großartige Möglichkeit sein, die Aufmerksamkeit Ihrer Website-Besucher zu erregen. Mit dem oben genannten Code können Sie ganz einfach ein solches Fenster zu Ihrer Website hinzufügen und es nach einer bestimmten Zeit automatisch schließen lassen. Probieren Sie es aus und sehen Sie, wie es das Benutzererlebnis auf Ihrer Website verbessert!
<< Zurück
|
