0. prompt
: input값을 받아서 alert창으로 띄움
const input = prompt();
alert(input);
1. confirm
if(confirm('are you sure')){
console.log('yes'); //확인클릭 -> yes 출력
}
else {
console.log('no'); //취소클릭 -> no 출력
}
2. Outer & Inner height, width
let val;
//outer height and width
val = window.outerHeight; //window.outerHeight == 현재 윈도우창의 높이
val = window.outerWidth; //window.outerWidth == 현재 윈도우창의 너비
//Inner height and width
val = window.innerHeight; //window.innerHeight == 콘솔창을 제외한 윈도우창의 높이
val = window.innerWidth; //window.innerWidth == 콘솔창을 제외한 윈도우창의 너비
console.log(val);
3. window.scrollX || scrollY
window.scrollX == 가로스크롤이 위치한 자리를 출력
window.scrollY == 세로스크롤이 위치한 자리를 출력
val= window.scrollX;
val= window.scrollY;
4. location objects
val = window.location;
val = window.location.hostname;
val = window.location.port;
val = window.location.href;
val = window.location.search;
5. Redirect & Reload
//redirect
window.location.href = 'http://google.com';
//reload
window.location.reload();
6. History Objects
window.history.go(0);
val = window.history.length;
7. Navigator Objects
val = window.navigator;
val = window.navigator.appName;
val = window.navigator.appVersion;
val = window.navigator.userAgent;
val = window.navigator.platform;
val = window.navigator.vendor;
val = window.navigator.language;
8. var // let // const
//global scope
var a =1;
let b =2;
const c =3;
function test (){
var a =4;
let b =5;
const c =6;
console.log('function scope: ',a,b,c);
}
test(); //function scope: 4 5 6 출력
if(true){
// block scope
var a = 7;
let b = 8;
const c = 9;
console.log('if scope: ',a,b,c); //if scope: 7 8 9 출력
}
console.log('global scope: ',a,b,c); //globla scope: 7 2 3 출력
var | let | const |
function level scope | block level scope | |
var 선언 변수는 선언 전에 사용해도 에러 X | 선언 전에 사용시 에러발생함 | |
이미 선언된 변수명 재사용해도 에러 X | 이미 선언된 변수명 재사용시 에러발생. | |
변수선언시 초기값 불필요 | 변수선언시 초기값 불필요 | 초기값 필수 |
값 재할당 가능 | 값 재할당 가능 | 한번 값 할당시 변경 불가능 |
'ONLINE COURSES > JavaScript' 카테고리의 다른 글
DOM-2 (0) | 2021.06.14 |
---|---|
DOM-1 (0) | 2021.06.14 |
Basics-3 function // loops // iterations (0) | 2021.06.13 |
Basics-2 (0) | 2021.06.12 |
Basics-1 (0) | 2021.06.12 |
댓글