자동으로 창을 팝업하고 window_javascript 스킬을 자동으로 닫는 JavaScript 방법-JS 튜토리얼-php.cn

자동으로 창을 팝업하고 window_javascript 스킬을 자동으로 닫는 JavaScript 방법

WBOY

풀어 주다： 2016-05-16 15:46:47

원래의

3046명이 탐색했습니다.

이 기사의 예에서는 JavaScript를 사용하여 창을 자동으로 팝업하고 창을 자동으로 닫는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

여기에 소개된 JavaScript는 자동으로 창을 띄우고 자동으로 닫힙니다. JS로 이러한 특수 효과를 구현하는 것은 매우 간단해 보입니다. 웹 페이지를 열면 팝업 창이 표시되고 자동으로 실행됩니다. window.open 및 document.open();을 사용하고 document.close()는 객체와 함께 구현되지만 현재는 많이 사용되지 않는 것 같습니다.

작동 효과는 아래와 같습니다.

구체적인 코드는 다음과 같습니다.

<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>

로그인 후 복사

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.