JS 로 프레임 하위 페이지 새로 고침

7379 단어 프레임
다음으로 이동:http://hi.baidu.com/javajavajava/blog
먼저 간단 한 예 를 살 펴 보 자. 다음은 세 페이지 를 각각 frame. html, top. html, bottom. html 로 예 를 들 어 어떻게 하 는 지 구체 적 으로 설명 한다.프레임. html 는 위 (top. html) 아래 (bottom. html) 두 페이지 로 구성 되 어 있 으 며 코드 는 다음 과 같 습 니 다.
자바 코드
  • frame
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> frame </TITLE>
    </HEAD> 
    <frameset rows="50%,50%">
    <frame name=top  src="top.html">
    <frame name=bottom  src="bottom.html">
    </frameset>
    </HTML>
    

    현재 top. html (즉 위의 페이지) 에 7 개의 button 이 있다 고 가정 하면 bottom. html (즉 아래 페이지) 에 대한 새로 고침 을 실현 할 수 있 습 니 다. 다음 7 가지 문 구 를 사용 할 수 있 습 니 다. 어느 것 이 자신 이 알 아서 할 수 있 습 니까?문장 1. window. parent. frames [1]. location. reload ();문장 2. window. parent. frames. bottom. location. reload ();문장 3. window. parent. frames ["bottom"]. location. reload ();문장 4. window. parent. frames. item (1). location. reload ();문장 5. window. parent. frames. item ('bottom'). location. reload ();문장 6. window. parent. bottom. location. reload ();문장 7. window. parent ['bottom']. location. reload ();top. html 페이지 의 코드 는 다음 과 같 습 니 다.
    자바 코드
  • top.html
  • < input type = buttonvalue = "새로 고침 1" onclick = "window. parent. frames [1]. location. reload ()" > < br >
  • < input type = buttonvalue = "새로 고침 2" onclick = "window. parent. frames. bottom. location. reload ()" > < br >
  • < input type = buttonvalue = "새로 고침 3" onclick = "window. parent. frames ['bottom']. location. reload ()" > < br >
  • < input type = buttonvalue = "새로 고침 4" onclick = "window. parent. frames. item (1). location. reload ()" > < br >
  • < input type = buttonvalue = "새로 고침 5" onclick = "window. parent. frames. item ('bottom'). location. reload ()" > < br >
  • < input type = buttonvalue = "새로 고침 6" onclick = "window. parent. bottom. location. reload ()" > < br >
  • < input type = buttonvalue = "새로 고침 7" onclick = "window. parent ['bottom']. location. reload ()" > < br >
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> top.html </TITLE>
     </HEAD>
    <BODY>
    <input type=button value="  1" onclick="window.parent.frames[1].location.reload()"><br>
    <input type=button value="  2" onclick="window.parent.frames.bottom.location.reload()"><br>
    <input type=button value="  3" onclick="window.parent.frames['bottom'].location.reload()"><br>
    <input type=button value="  4" onclick="window.parent.frames.item(1).location.reload()"><br>
    <input type=button value="  5" onclick="window.parent.frames.item('bottom').location.reload()"><br>
    <input type=button value="  6" onclick="window.parent.bottom.location.reload()"><br>
    <input type=button value="  7" onclick="window.parent['bottom'].location.reload()"><br>
    </BODY>
    </HTML>
    

    다음은 bottom. html 페이지 소스 코드 입 니 다. 아래 페이지 가 새로 고침 되 었 음 을 증명 하기 위해 페이지 를 불 러 온 후 대화 상 자 를 팝 업 합 니 다.bottom. html 페이지 의 코드 는 다음 과 같 습 니 다.
    자바 코드
  • bottom.html
  • < BODYonload = "alert ('나 불 러 왔 어!')" >
  • Thisisthecontentinbottom.html.

  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> bottom.html </TITLE>
     </HEAD>
    <BODY onload="alert('     !')">
    <h1>This is the content in bottom.html.</h1>
    </BODY>
    </HTML>
    

    설명: 1. window 는 현재 페이지 를 말 합 니 다. 예 를 들 어 이 예 는 top. html 페이지 를 말 합 니 다.2. parent 는 현재 페이지 의 부모 페이지, 즉 프레임 페이지 를 포함 하 는 것 을 말한다.예 를 들 어 이 예 에 대해 서 는 framedemo. html 를 말 합 니 다.3. frames 는 window 대상 이 고 배열 입 니 다.이 프레임 안의 모든 하위 페이지 를 대표 합 니 다.4. 아 이 템 은 방법 이다.배열 의 요 소 를 되 돌려 줍 니 다.5. 하위 페이지 도 프레임 페이지 이 고 안에 다른 하위 페이지 가 있다 면 위의 방법 은 안 될 수도 있 습 니 다.첨부: Javascript 페이지 새로 고침 의 몇 가지 방법: 1 history. go (0) 2 location. reload () 3 location = location 4 location. assign (location) 5 document. execCommand ('Refresh') 6 window. navigate (location) 7 location. replace (location)8 document. URL = location. href 자동 으로 페이지 새로 고침 방법: 1. 페이지 자동 새로 고침: 다음 코드 를 < head > 영역 에 추가 합 니 다. < meta http - equiv = "refresh" content = "20" > 그 중 20 은 20 초 간격 으로 페이지 를 새로 고침 합 니 다. 2. 페이지 자동 이동: 다음 코드 를 < head > 영역 에 추가 합 니 다. < meta http - equiv = "refresh" content = "20; url ="http://www.wyxg.com"> 그 중 20 손가락 이 20 초 간격 으로 이동http://www.wyxg.com페이지 3. 페이지 자동 새로 고침 js 버 전 < script language = "JavaScript" > function myrefresh () {window. location. reload ();} setTimeout ('myrefresh ()', 1000); /1 초 에 한 번 < / script > ASP. NET 새로 고침 부모 창 스 크 립 트 문 구 를 출력 하 는 방법 을 지정 합 니 다. 1. this. response. write ("< script > opener. location. reload (); < / script >");2. this.response.write("opener.window.location.href = opener.window.location.href;"); 3. Response. Write ("< script language = javascript > opener. window. navigate ('새로 고 칠 페이지. asp'); < / script >") JS 프레임 워 크 를 새로 고 치 는 스 크 립 트 문장 / / 이 프레임 워 크 를 포함 하 는 페이지 를 어떻게 새로 고 치 는 지 < script language = JavaScript > parent. location. reload (); < /script > / / 하위 창 이 부모 창 < script language = JavaScript > self. opener. location. reload () 를 새로 고 칩 니 다. < /script > (또는 < a href = "javascript: opener. location. reload ()" > 새로 고침 < / a >) / / 다른 프레임 의 페이지 를 어떻게 새로 고 치 는 지 < script language = JavaScript > parent. 다른 FrameID. location. reload (); < /script > 창 을 닫 을 때 새로 고침 하거나 열 려 고 할 때 새로 고침 하려 면 < body > 에서 다음 문 구 를 호출 하면 됩 니 다. 창 을 열 때 < body onUnload = "opener. location. reload ()" > 닫 을 때 < script language = "javascript" > window. opener. document. location. reload () < / script > 새로 고침

    좋은 웹페이지 즐겨찾기