allrouvel

/ /
반응형
250x250
728x90
반응형

 

BOM(Browser Object Model) - 브라우저 객체모델
자바스크립트를 이용하면 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어할 수 있도록 해주는 객체 모델

window객체 : 웹 브라우저의 창(window)을 나타내는 객체
 
alert("알림창입니다.");
[확인] 버튼 1개만		  
var pin = prompt("입력창입니다.");
[확인] - 공란시 빈문자열
[취소] - null출력		  
var con = confirm("확인창입니다.");
[확인] - true
[취소] - false		  
alert("알림창입니다.");
[확인] 버튼 1개만
var pin = prompt("입력창입니다.");
[확인] - 공란시 빈문자열
[취소] - null출력
var con = confirm("확인창입니다.");
[확인] - true
[취소] - false


 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bom</title>
    <script>
        //알림창 : alert("메세지")
        alert("알림창입니다.");

        // 입력창 : prompt(); || prompt("메세지"); || prompt("메세지", 초기값);
        var pin = prompt("입력창입니다.");
        document.write("입력창 값 : " + pin + "<br>");

        // 확인창 : confirm("메세지");
        var con = confirm("확인창입니다.");

        // if(con) //페이지 이동코드 작성
        // else return false;
        document.write("확인창 값: " + con); 
    </script>
</head>
<body>
    <hr>
    <button id="btn">회원탈퇴</button>
    <script>
        document.getElementById("btn").onclick = function(){
            if(confirm("회원탈퇴를 하겠습니다.")) alert("회원탈퇴가 완료되었습니다.");
            else alert("회원탈퇴가 취소되었습니다.")
        };
    </script>
</body>
</html>​

alert("알림창입니다.");
[확인] 버튼 1개만
var pin = prompt("입력창입니다.");
[확인] - 공란시 빈문자열
[취소] - null출력
var con = confirm("확인창입니다.");
[확인] - true
[취소] - false


 

setInterval(함수, 1000);
 
clearInterval(함수);
 
setTimeout(myTimer, 5000);
 

 

setInterval
clearInterval
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p id="demo"></p>
    <button onclick="clearInterval(myVar)">Stop time</button>
    <!-- 서버과부하 방지를 위해 set과 clear를 같이 기술해주도록 한다. -->
    <script>
        // 1초마다 myTimer함수 실행
        var myVar = setInterval(myTimer, 1000);
        //setInterval : 무한 반복
        function myTimer(){
            var d = new Date(); 
            // toLocalTimeString() : 현재 시간을 가져오는 함수, 시스템 내장 시간을 가져옴
            document.getElementById("demo").innerHTML = d.toLocaleTimeString();
        }
    </script>
</body>
</html>​
728x90
반응형
저작자표시 비영리 변경금지

'[JS]' 카테고리의 다른 글

[JS] callfunction  (0) 2024.03.04
[JS] window.location.href / window.history  (0) 2024.03.04
[JS] dom (전체선택, 선택한 option 표기)  (0) 2024.03.04
[JS] ex)email 문자 객체를 이용한 예제  (0) 2024.02.29
[JS] string  (0) 2024.02.29

+ Recent posts

티스토리툴바