ITWILL : 브라우저객체모델안의 location객체

💡 핵심 요약 (TL;DR)

ITWILL : 브라우저객체모델안의 location객체의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. * location.reload(); 페이지새로고침(F5번과 동일한 기능)을 적용할 수 있다.

ITWILL학원 : 9강 JS기초 BY 정규태강사

1. location객체

브라우저의 url(주소창)에 대한 정보를 가지고 있는 객체

• location.href : 페이지이동. 현재브라우저의 주소창의 정보url를 리턴

location.href="Test2.html"

• location.protocol : 프로토콜은 통신규약이다 어떤 방식으로 어떤 속도로 해당 통신을 할껀지 약속.

  • 웹통신을 위한 프로토콜
  • http:
  • http:// 보안이 더 강화됨

• location.hostname

• location.host

• location.reload(); 페이지새로고침(F5번과 동일한 기능)

• location.replace(url); 입력한 url로 페이지 이동

<input type="button" value="location속성" onclick="fun1()">

function fun1(){
	alert("href : " +window.location.href 
			+ "     protocol : " +window.location.protocol 
			+ "     hostname : "+location.hostname
			+ "     host : "+location.host
			+ "     port : "+location.port
			+ "     search : " + location.search);
}

//출력값은
href : http://localhost:8088/JavaScript/JS3/Test3.html
protocol : http:     
hostname : localhost     
host : localhost:8088     
port : 8088     
search :

#TILITWILL(JAVA)