Basics-4

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	이미 선언된 변수명 재사용시 에러발생.
변수선언시 초기값 불필요	변수선언시 초기값 불필요	초기값 필수
값 재할당 가능	값 재할당 가능	한번 값 할당시 변경 불가능