16장 마무리 문제 2

<!DOCTYPE html>

<head>

<style>

#container {

width:200px;

margin:50px auto;

}

button {

border:1px solid #ccc;

background:#fff;

padding:20px 30px;

}

</style>

<body>

</div>

document.getElementById('bttn').onclick = displayTime;

function displayTime() {

var left = (screen.availwidth - 400)/2;

var top = (screen.availHeight - 200)/2;

var opt = "left=" + left + ",top=" + top + ",width=" + 400+ ",height="+ 200;

window.open("practice1.html","",opt);

}

</script>

</body>

</html>

- Document.getElementById(id)

: 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element객체를 반환

JuSoft