Front-End/JavaScript

JavsScritp - onload 방식

깡돌 2017. 1. 29. 14:50

demo1.html

<!DOCTYPE html>

<html>

<head>

    <script src="scritp2.js"></script>

</head>

<body>

    <input type="button" id="hw" value="Hello world" >

</body>

</html>


window.onload = function(){ 태그를 통해서 <body> 태그 안에 hw 를 미리 로드를 해서 브라우저가 해석하는데 빠르게 핵석할수 있도록 한다


script2.js


window.onload = function(){

        var hw = document.getElementById('hw');

        ht.addEventListener('click', function(){

            alert('Hello world');

        })

}