JAVASCRIPT STEP 17 - Location

★ Location 

• window의 자식
• 현재 창의 페이지(URL)와 관련된 조작
• 사용 ex)

// JavaScript + 페이지 이동
// window.location.href = 'https://naver.com';

console.log(window.location.host); //127.0.0.1:5500
console.log(window.location.hostname); //127.0.0.1
console.log(window.location.protocol); //http:
console.log(window.location.port); //5500

window.location.reload(); // 새로고침(F5)
window.location.href = 'ex19_loaction.html'; // 새로고침

window.location.replace('https://naver.com');
window.location.href = 'http://naver.com';

//window.location.href > ****
//window.location.reload()
//window.location.replace()

 

★ History

• window의 자식
• 브라우저의 탐색 기록 영역 접근하는 객체

// window.document.form1.btn1; > window 생략 가능
document.form1.btn1.onclick = m1;
document.form1.btn2.onclick = m2;
document.form1.btn3.onclick = m3;
document.form1.btn4.onclick = m4;

• 사용

function m1() {
    window.history.back(); // 뒤로가기
}

function m2() {
    window.history.forward(); // 앞으로가기
}

function m3() {
    window.history.go(-2); // 2단계 뒤로
}

function m4() {
    window.history.go(2); // 2단계 앞으로
}