php 문서내의 자바스크립트 코드를 해석 부탁드림니다.

Q.

<script>

 function plogin(){

  $("#ploginframe").show();

  $("#ploginframeBtn").show();

  $("#ploginframeBack").show();

  //PCCframe.location.href = "plogin.php";

  window.frames["ploginframe"].location = "plogin.php";

  document.getElementById("ploginframe").reload(true);

 }

 </script>

1. ploginframe  ID(아이디)를 가진 엘리먼트를 보여준다??

     <div id="ploginframe"></div>

2. window.frames["ploginframe"].location = "plogin.php";는

     window.location.href = "plogin.php"; 와 무었이 다르고 사이에 프레임을 넣은 읨는 무었인지?

3. document.getElementById("ploginframe").reload(true);는 새로고침인데 history가 남지 않아서

     뒤로가기를 할수 없다??

여기저기 찾아봐서 의미는 대충 알겠는데 정확한 뜻을 알고 싶습니다.

A.

1. ploginframe  ID(아이디)를 가진 엘리먼트를 보여준다??

     <div id="ploginframe"></div>

   - ploginframe ID를 가진 앨리먼트를 화면상에 보여줍니다.

     예를 들면 레이어 팝업을 예를 들면 CSS를 display:none 상태로 감추어진 상태에서 저 코드를 실행하면 

     css가 display:block으로 바뀌면서 화면상에 보이게 됩니다.

2. window.frames["ploginframe"].location = "plogin.php";는

     window.location.href = "plogin.php"; 와 무었이 다르고 사이에 프레임을 넣은 읨는 무었인지?

   - window.location.href 는 현재 윈도우의 페이지를 이동시키는 것이구요

     window.frames['ploginframe'].location 은 ploginframe라는 이름을 가진 frame의 페이지를 이동시키는 것입니다.

3. document.getElementById("ploginframe").reload(true);는 새로고침인데 history가 남지 않아서

     뒤로가기를 할수 없다??

   - reload()는 페이지를 새로 고침하는 것인데 일반적으로 새로고침하면 캐쉬되어 있는 정보는 바뀌지 않습니다.

     하지만 reload(true)는 서버상에서 페이지를 새로 불러오는 것으로 캐쉬를 무시하고 처음부터 

      강제로 새로 로딩하는 것입니다.

*오늘의 지식인 카테고리는 웹아이가 지식인에 답변한 글을 포스팅 하는 카테고리입니다.