새창 띄우기 창닫기 -2

멋진그대 18년 전 21777

本(헉.....한자당!) 페이지에서는 자바스크립트의 간단한 기능을 이용하여 아주 효율적인 효과를 나타낼 수 있는 방법을 알아보겠습니다. 웹서핑을 하다보면 버턴을 클릭하면 창이 자동으로 닫히거나 이전 페이지로 가기도 하고 앞 페이지로 가기도 하는 걸 많이 보았을 겁니다. 조금 더 응용해서 일정시간 후 자동으로 닫히는 걸 보고 나도 해보고 싶은 생각이 한번 쯤은 들었을 텐데.......여기서 아주 후련하게 그 궁금증을 해소시켜드리죠.
어려운 것 같지만 아주 간단합니다. 태그내에 자바스크립트를 몇 개만 적어 주시면 됩니다.


창닫기 버턴	<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>

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

위에 설명한 것 하고는 차원이 다른데 비슷한 기능이기 때문에 소스를 하나 소개하겠습니다. 바로 일정시간 이후 자동으로 창이 닫히는 기능을 하는 자바스크립트입니다. <script Laguage="Javascript"> function startTime(){ var time= new Date(); hours= time.getHours(); mins= time.getMinutes(); secs= time.getSeconds(); closeTime=hours*3600+mins*60+secs; closeTime+=5; // This number is how long the window stays open Timer(); } function Timer(){ var time= new Date(); hours= time.getHours(); mins= time.getMinutes(); secs= time.getSeconds(); curTime=hours*3600+mins*60+secs if (curTime>=closeTime){ self.close();} else{ window.setTimeout("Timer()",1000)} //원하는 시간을 입력하세요. 1000은 10초입니다. } </script>

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

번호	분류	제목	글쓴이	날짜	조회	추천
공지	HTML	HTML 기초 다지기 4	오작교	08.06.17.16:26	290057	0
공지	HTML	HTML과 CSS의 종합 정리 1	오작교	07.10.01.10:21	349086	0
공지	일반	스타일시트의 총정리	오작교	06.09.14.13:08	293700	+14
300		normal window.open() 사용례	오작교	23.12.10.09:32	14438	0
299	Script	normal window.open() 함수 사용법	오작교	23.12.10.09:29	19720	0
298	CSS	normal 스크롤바 디자인 하기 1	오작교	21.01.09.14:18	40663	0
297	HTML	normal html 특수문자 리스트	오작교	15.09.17.08:58	116263	0
296	HTML	normal html4와 5의 요소와 속성 차이	오작교	15.09.13.21:38	21532	0
295	HTML	normal html4와 5의 차이	오작교	15.09.13.21:30	25112	0
294	HTML	normal 테이블 프레임 속성	오작교	15.08.30.12:19	52730	0
293	Script	normal 윈도우 객체.. 새 창 관련	오작교	15.05.12.14:06	21111	0
292	HTML	file 미디어 재생 type=audio_x-ms-wma 1	오작교	12.03.08.13:51	35876	0
291	HTML	normal html 요소 이름의 플어쓴 말과 한국말 표현	오작교	11.06.03.10:44	40695	0
290	CSS	normal CSS 글꼴 크기 대조표	오작교	11.06.03.10:29	70600	0
289	Script	normal 싸이트 머문 시간 표시하기	오작교	11.03.22.11:19	43408	0
288	Script	normal 싸이트 접속시 다른 곳으로 유도하기	오작교	11.03.22.11:15	38163	0
287	Script	normal 방문자의 모니터 해상도를 나타내는 소스	오작교	11.03.22.11:07	37058	0
286	HTML	normal iframe 태그에 관하여....	오작교	11.01.25.10:27	36153	0
285	CSS	normal 간단한 폰트 속성 지정	오작교	11.01.24.10:40	35326	0
284	HTML	normal 셀렉트 박스에서의 정열	오작교	11.01.24.10:39	37037	0
283	Script	normal a href="#" 사용을 할 때 유의사항	오작교	11.01.24.10:34	38057	0
282	CSS	normal 간단히 탭 메뉴 만들기	오작교	11.01.24.10:31	37680	0
281	CSS	normal 간단히 링크 점선 없애는 방법 1	오작교	11.01.24.10:27	36157	0

번호

분류

제목

글쓴이

날짜

조회

신고

댓글 삭제

공유

삭제

검색

로그인