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