웹프로그래밍 Java Script 공부과정 7

JavaScript 

BOM(Browser Object Model)

브라우저 개채 모델(BOM)

윈도우 객체

창 개체는 모든 브라우저에서 지원이되며 브라우저 창을 나타냅니다.

모든 전역 JavaScript 객체,함수 및 변수는 자동으로 윈도우 객체의 멤버가됩니다.

창 크기

두 개의 속성을 사용하여 브라우저 창의 크기를 결정할 수 있습니다.

두 속성 모두 크기를 픽셀 단위로 반환합니다.

-window,innerHeight-브라우저 윈도우의 안쪽 높이(픽셀 단위)

-window.innerWidth - 브라우저윈도우의 내부 폭(픽셀 단위)

다른윈도우 메소드

-window.open( )-새창을 엽니다.

-window.close( )-현재 윈도우 닫기

-window.moveTo( )-현재 윈도우 이동

-window.resizeTo( )-현재 창 크기 조정

자바 스크립트 창 화면

screen.width 속성은 방문자의 화면 넓이를 픽셀 단위로 반환합니다.

창 화면 높이 

screen.width 속성은 방문자의 화면 높이를 픽셀 단위로 반환합니다.

자바스크립트 팝업박스

JavaScript에는 경고 상자,확인 상자 및 프롬프트 상자라는 세 종류의 팝업 상자가 있습니다.

알림 상자

사용자에게 정보가 전달되도록 하려면 경고 상자가 자주 사용됩니다.

경고 상자가 나타나면 사용자는 계속 진행하기 위해 "확인"을 클릭해야합니다.

alert("I am an alert box~");

상자확인

확인 상자는 사용자가 무언가를 확인하거나 수락하기를 원할 때 자주 사용됩니다.

확인 상자가 나타나면 사용자는 "확인"또는 "취소"를 클릭하여 계속해야합니다.

사용자가 "확인"을 클릭하면 상자는 true를 반환합니다.사용자가 "취소"를 클릭하면 상자는 false를 반환합니다.

window.confirm("sometext");

예를들면 var r =confirm("Press a button");

if(r == true){

x= "You pressed OK!";

}

else{

x="You pressed Cancel!";

}

만약 확인을 눌렀을때 You pressed OK!를 출력해주고 아니면 You pressed Cancel!을 출력해주는 코딩이다.

프롬프트 상자

사용자 페이지에 들어가기 전에 값을 입력하게 하려면 프롬프트상자가 사용됩니다.

사용자가 확인을 클릭하면 상자에 입력값이 반환됩니다.취소를 누르면 null값이 반환됩니다.

window.prompt("sometext","defaultText");

var person = prompt("Please enter your name","woo");

if(person!=null){

document.getElementById("demo").innerHTML = 

"Hello" + person + "! How are you today?";

}

person 값이 null이아니라면 "Hello" + person + "! How are you today?"문장을 출력!

팝업상자안에서 줄바꿈을 표시하려면 백 슬래시 뒤에 문자 n을 사용하면 된다.

자바 스크립트 타이밍 이벤트

JavaScript는 시간 간격으로 실행될 수 있습니다.

이를 타이밍 이벤트라고 합니다.

window.setTimeout(function,milliseconds);

첫번째 매개 변수는 실행할 함수입니다.

두 번째 매개 변수는 실행전 밀리 초 수를 나타냅니다.

버튼을 클릭하면 3초정도후에 Hello 를 출력!

실행을 중지하는 방법은 clearTimeout( )메서드를 사용하면 됩니다.

myvar = setTime(function,milliseconds);

clearTimeout(myVar);

오늘은 여기까지!!!!!!!

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

 

저의네이버블로그는 ☞http://wkdgkssk95.blog.me/

저의네이버블로그는 ☞http://wkdgkssk95.blog.me/

저의네이버블로그는 ☞http://wkdgkssk95.blog.me/

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓