Maison >interface Web >js tutoriel >Méthode JavaScript pour ouvrir automatiquement la fenêtre et fermer automatiquement les compétences window_javascript
L'exemple de cet article décrit comment utiliser JavaScript pour ouvrir automatiquement une fenêtre et fermer automatiquement la fenêtre. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Le JavaScript introduit ici ouvre automatiquement la fenêtre et ferme automatiquement la fenêtre. Il semble très simple d'obtenir cet effet spécial avec JS. Après avoir ouvert la page Web, une fenêtre contextuelle s'affichera, puis elle s'affichera automatiquement. Leave.Utilisez window.open et document.open(); et document.close(); est implémenté avec les objets, mais il semble qu'il ne soit pas beaucoup utilisé maintenant.
L'effet de l'opération est comme indiqué ci-dessous :
Le code spécifique est le suivant :
<HTML> <HEAD> <TITLE>自动离开的窗口</TITLE> <SCRIPT> <!-- var flyingwin var popupwidth=200 var popupheight=150 var marginright var windowcenter var i_top=200 var i_left=-popupwidth-50 var step=40 var timer var waitingtime=5000 var pause=20 function showWindow() { flyingwin = window.open("", "flyingwin", "toolbar=no,width="+popupwidth+",height="+popupheight+",top=100,left="+(-popupwidth)+""); flyingwin.document.open(); flyingwin.document.write("<html><title>自动离开的窗口</title><body><p align=center>请不要关闭,马上就离开:(</body></html>"); flyingwin.document.close(); if (document.all) { marginright = screen.width+50 } if (document.layers) { marginright = screen.width+50 } windowcenter=Math.floor(marginright/2)-Math.floor(popupwidth/2) movewindow() } function movewindow() { if (i_left<=windowcenter) { flyingwin.moveTo(i_left,i_top) i_left+=step timer= setTimeout("movewindow()",pause) } else { clearTimeout(timer) timer= setTimeout("movewindow2()",waitingtime) } } function movewindow2() { if (i_left<=marginright) { flyingwin.moveTo(i_left,i_top) i_left+=step timer= setTimeout("movewindow2()",pause) } else { clearTimeout(timer) flyingwin.close() } } // --> </SCRIPT> </HEAD> <BODY onload=showWindow()> </BODY> </HTML>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.