글
버튼-새창띄우기
안녕하세요?
오늘도 소스분석입니다. 오늘 소스는 버튼을 누르면 새창을 띄우는 소스입니다.
<script language="JavaScript">
<!--
function win() {
// 팝업창으로 사용할 크기와 위치, 그리고 내용을 아래에서 설정 합니다
msg=window.open("","msg","height=200,width=200,left=80,top=80"); // ("","윈도우이름","높이,가로,왼쪽
위치,위쪽위치")
msg.document.write("<html><title>Jasko Sample Script</title>");
msg.document.write("<body bgcolor='white' onblur=window.close()>");
msg.document.write("<center>이렇게 새창을 띄웁니다.</center>");
msg.document.write("</body></html><p>");
}
//-->
</script>
<form>
<input type="button" value="새창 열자" onclick="win()">
</form>
자바스크립트에 함수가 win()이라는 함수가 있습니다. 이 함수는 새창을 열어서 메세지를 띄우게 됩니다. window.open함수는 뒤에 나와있는 매개변수로 새창을 띄우는 함수입니다. 그 다음에 document.write는 뒤에 메시지를 html로 해석해서 표시하게 합니다. input type="button"에서 onclick시 win()함수를 호출하게 되어있습니다. 정리하면 폼을 만들어서 거기에 버튼이 하나 있습니다. 그 버튼위에는 새창열자라고 되어있고 클릭하면 자바스크립트의 win함수를 호출하게 됩니다. 그 win함수에서는 새창을 열어서 메시지를 띄우게 되는 것입니다.
이해하셨지요? 그럼 오늘은 여기까지 하겠습니다.
'Java Script' 카테고리의 다른 글
| 간단한 디지탈 시계 (0) | 2011.08.30 |
|---|---|
| 간단한 계산기 (0) | 2011.08.28 |
| 사용자가 입력한 내용으로 메시지 띄우기 (0) | 2011.08.23 |
| 랜덤으로 추천사이트로 이동하기 버튼 (0) | 2011.08.21 |
| 간단한 풀다운메뉴만들기 (0) | 2011.08.19 |
