[javascript] location 객체 알아보기

 

location 객체 알아보기

 

[ href ] 현재 문서의 전체 URL 주소를 문자열로 반환

<p><input id="inputBtn_href" type="button" value="href 확인" /></p>
<script>
  $('#inputBtn_href').click(function(){
  	alert('현 문서의 주소 : ' + location.href);
  });
</script>

---

[ hostname ]  현재 문서의 인터넷 호스트 이름을 반환

<p><input id="inputBtn_hostNm" type="button" value="href 확인" /></p>
<script>
  $('#inputBtn_hostNm').click(function(){
  	alert('현 문서의 호스트 : ' + location.hostname);
  });
</script>

---

현재 문서 새로고침 하기

방법 1 :  location.href = "";

<p><input id="inputBtn_hostNm" type="button" value="href 확인" /></p>
<script>
  $('#reloadBtn1').click(function(){
  	location.href = location.href;
  });
</script>

---

방법 2 :  location.reload();

<p><input id="inputBtn_hostNm" type="button" value="href 확인" /></p>
<script>
  $('#reloadBtn2').click(function(){
  	location.reload();
  });
</script>