<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>HTML5</title>
<script>
function printWelcome() {
var newWin = window.open("","_blank","left=500, top=400, width=200,height=80");
newWin.document.write("접속 감사합니다!");
win.document.title="환영";
win.document.body.style.backgroundColor = "yellowgreen";
newWin.document.close();
}
</script>
</head>
<body onload="printWelcome()">
<h3>HTML5</h3>
<hr>
<p>
HTML5를 학습하는 사이트입니다.
여기서 HTML5, CSS3, 자바스크립트를
배울 수 있습니다.</p>
</body>
</html>
1. title과 배경색이 변하질않는대 코드상에 문제는 없어보이는대 이유가 뭔가요??
2. newWin.document.close(); <<이 코드때문에 열린창이 다시 자동으로 닫혀야되지않나요?? 창이 안닫히고 유지되는 이유는 무엇인가요?
다음 두 코드에 win이 새로이 등장하는데 없는 변수를 사용하였기 때문에 자바스크립트 프로그램 실행 시 오류가 발생합니다.
win.document.title="환영";
win.document.body.style.backgroundColor = "yellowgreen";
그래서 배경색이 칠해지지 않았지요.
또한 이 오류 때문에 다음 코드를 실행하지 않게 됩니다.
newWin.document.close()
그래서 창이 닫히지 않게 된 것입니다.
다음과 같이 고치면 배경색이 잘 보입니다.
newWin.document.title="환영";
newWin.document.body.style.backgroundColor = "yellowgreen";
// newWin.document.close(); // 주석을 풀면 창이 사라집니다.