Front-End/JavaScript

JavsScritp - onload 방식

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');

        })

}



'Front-End > JavaScript' 카테고리의 다른 글

JS 기본 문법  (0) 2017.03.07
자바스크립트 정체  (0) 2017.03.04
JavaScritp - 외부 파일 로드  (0) 2017.01.29
JavaScritp - Script 태그  (0) 2017.01.29
JavaScritp - inline 방식  (0) 2017.01.29
,

최근 댓글

최근 트랙백

알림

이 블로그는 구글에서 제공한 크롬에 최적화 되어있고, 네이버에서 제공한 나눔글꼴이 적용되어 있습니다.

태그

카운터

Today :
Yesterday :
Total :