코딩하는 문과생

자바스크립트/ 08. window 객체 중요한 메서드 본문

웹 프로그래밍/Javascript

자바스크립트/ 08. window 객체 중요한 메서드

코딩하는 문과생 2018. 11. 4. 14:35

08. window 객체 중요한 메서드


-open(), close()


open 메서드는 window.open(URL, name, specs, replace); 로 사용되고

close 메서드는 window.close(); 로 사용된다.


1
2
3
4
5
6
7
<button onclick="openWin()">Open "myWindow"</button>
<script>
    function openWin(){
        window.open("http://www.google.com", "_blank", "toolbar=yes, scrollbars=yes, 
            resizable=yes,top=500,left=500,width=400,height=400");
    }
</script>
cs


<실행결과>




-setTimeout()

밀리 초 후에 함수가 실행된다.


1
2
3
4
5
6
<button onclick="setTimeout(myFunction, 3000);">Try</button>
<script>
    function myFunction(){        
        alert("Hello");
    }
</script>
cs


<실행결과>




-setInterval()


주어진 시간 간격마다 주어진 함수를 반복한다.


1
2
3
4
5
6
7
8
9
10
11
<body>
<p id="demo"></p>
</body>
<script>
    var myVar = setInterval(myTimer, 1000);
    function myTimer(){
        var d = new Date();
        document.getElementById("demo").innerHTML = d.toLocaleTimeString();
    }
</script>
 
cs


<실행결과>


'웹 프로그래밍 > Javascript' 카테고리의 다른 글

자바스크립트/ 10. querySelectorAll  (0) 2018.11.04
자바스크립트/ 09. location 객체와 history 객체  (0) 2018.11.04
자바스크립트/ 07. try~catch~finally  (0) 2018.11.04
자바스크립트/ 06. 프로토타입 링크  (0) 2018.11.04
자바스크립트/ 05. 정규 표현식의 활용  (0) 2018.11.04
'웹 프로그래밍/Javascript' Related Articles more