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

새창 띄우기 창닫기 -2

멋진그대 21823

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"

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

검색어 : 202106
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 291129 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 350096 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294732 +14
87 Script
normal
오작교 23.12.10.09:29 19905 0
86 Script
normal
오작교 15.05.12.14:06 21288 0
85 Script
normal
오작교 11.03.22.11:19 43573 0
84 Script
normal
오작교 11.03.22.11:15 38348 0
83 Script
normal
오작교 11.03.22.11:07 37229 0
82 Script
normal
오작교 11.01.24.10:34 38229 0
81 Script
normal
오작교 10.04.10.21:43 44242 0
80 Script
normal
오작교 09.04.14.15:52 21513 0
79 Script
normal
오작교 09.02.26.19:30 44473 0
78 Script
normal
오작교 09.02.03.16:06 30013 0
77 Script
normal
오작교 09.02.03.16:05 30104 0
76 Script
normal
오작교 08.08.08.11:58 30924 0
75 Script
normal
오작교 08.07.08.09:23 24044 0
74 Script
normal
오작교 08.01.08.13:26 37012 0
73 Script
normal
오작교 08.01.07.13:00 40824 0
72 Script
normal
오작교 08.01.07.12:52 23865 0
71 Script
normal
오작교 07.10.23.17:18 38439 0
70 Script
normal
오작교 07.10.23.17:16 29255 0
69 Script
normal
오작교 07.10.23.17:14 28265 0
68 Script
normal
오작교 07.10.23.17:08 27685 0