• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
Script

새창 띄우기 창닫기 -2

멋진그대 21817

0

本(헉.....한자당!)  페이지에서는 자바스크립트의 간단한 기능을 이용하여 아주 효율적인 효과를 나타낼 수 있는 방법을 알아보겠습니다. 웹서핑을 하다보면 버턴을 클릭하면 창이 자동으로 닫히거나 이전 페이지로 가기도 하고 앞 페이지로 가기도 하는 걸 많이 보았을 겁니다. 조금 더 응용해서 일정시간 후 자동으로 닫히는 걸 보고 나도 해보고 싶은 생각이 한번 쯤은 들었을 텐데.......여기서 아주 후련하게 그 궁금증을 해소시켜드리죠. 
 어려운 것 같지만 아주 간단합니다. 태그내에 자바스크립트를 몇 개만 적어 주시면 됩니다. 
 
 창닫기 버턴  <input type="submit" value="창닫기" onclick="window.close()">    
 or
<a href="#" onClick="parent.close()">창닫기</a>
 이전 페이지로 가기  <input type="submit" value="이전" onclick="history.back()"> or
<a href="#" onClick="history.back()">이전페이지로</a>
 앞 페이지로 가기  <input type="submit" value="앞으로" onclick="history.forward()">
  or
<a href="#" onClick="history.forward()">앞 페이지로</a>
 새로 고침  <input type="submit" value="새로고침" onclick='top.location="javascript:location.reload()"'>
  or
<a href="#"onClick='top.location="javascript:location.reload()"'>새로고침
 </a>

  한가지 주의할 점은 창닫기 버턴의 경우 가끔씩 "현재보고 있는 창을 닫으시겠습니까?" 라는 자바경고창이 뜨는 경우가 있는데 이 경우는 닫을 려고 하는 창이 새로운 창이 아나라 원래 부모창일 경우 나타나게 됩니다. 

 위에 설명한 것 하고는 차원이 다른데 비슷한 기능이기 때문에 소스를 하나 소개하겠습니다. 바로 일정시간 이후 자동으로 창이 닫히는 기능을 하는 자바스크립트입니다.

  위에 소스를 <head>부분에 집어 넣으시고요.. <body> 부분에는 onLoad="startTime();" 넣는 거 잊지 마세요^^

공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story

삭제

"새창 띄우기 창닫기 -2"

이 게시글을 삭제하시겠습니까?

번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 291005 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 349971 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294606 +14
300
normal
오작교 23.12.10.09:32 14550 0
299 Script
normal
오작교 23.12.10.09:29 19891 0
298 CSS
normal
오작교 21.01.09.14:18 40831 0
297 HTML
normal
오작교 15.09.17.08:58 116419 0
296 HTML
normal
오작교 15.09.13.21:38 21687 0
295 HTML
normal
오작교 15.09.13.21:30 25272 0
294 HTML
normal
오작교 15.08.30.12:19 52874 0
293 Script
normal
오작교 15.05.12.14:06 21262 0
292 HTML
file
오작교 12.03.08.13:51 36027 0
291 HTML
normal
오작교 11.06.03.10:44 40851 0
290 CSS
normal
오작교 11.06.03.10:29 70758 0
289 Script
normal
오작교 11.03.22.11:19 43558 0
288 Script
normal
오작교 11.03.22.11:15 38328 0
287 Script
normal
오작교 11.03.22.11:07 37214 0
286 HTML
normal
오작교 11.01.25.10:27 36311 0
285 CSS
normal
오작교 11.01.24.10:40 35483 0
284 HTML
normal
오작교 11.01.24.10:39 37194 0
283 Script
normal
오작교 11.01.24.10:34 38206 0
282 CSS
normal
오작교 11.01.24.10:31 37842 0
281 CSS
normal
오작교 11.01.24.10:27 36314 0