• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Window] JS - window.frames 속성 - 프레임 윈도우객체속성 (= window.frames속성 = 윈도우프레임즈 속성)

목차
  1. window.frames 예제 - <iframe> 요소 접근
  2. window.frames 정의
  3. window.frames 구문
  4. window.frames 예제 - <iframe> 주소 일괄 변경

 

window.frames 예제 - <iframe> 요소 접근

 

<button onclick="hz()">클릭</button>

<br>

<iframe src="https://homzzang.com/html"></iframe>

<iframe src="https://homzzang.com/css"></iframe>


<script>

function hz() {

  window.frames[0].location = "https://homzzang.com/";

}

</script>

 

※ 첫 번째 iframe 주소를 homzzang.com으로 변경

 

window.frames 정의

 

현재 윈도우의 모든 <iframe> 요소를 나타내는 배열 모양의 객체 반환.

 



1.

<iframe> 요소는 0부터 시작하는 인덱스 번호로 접근 가능.


2.

프레임 개수 : frames.length


3.

<frame> 요소에도 적용. 

cf. HTML5 경우, <frame> 요소 지원 중단.


4.

읽기 전용.


5.

모든 브라우저가 지원.

 

 

window.frames 구문

 

window.frames

 

 

ps. 각 iframe은 [index] 이용해 접근. (예) window.frames[0]

 

window.frames 예제 - <iframe> 주소 일괄 변경

 

<button onclick="homzzang()">클릭</button>

<br><br>


<iframe src="https://google.com"></iframe>

<iframe src="https://daum.com"></iframe>

<iframe src="https://naver.com"></iframe>


<script>

function homzzang() {

  var po = window.frames;

  var i;


  for (i = 0; i < po.length; i++) {

    po[i].location = "https://homzzang.com";

  }

}

</script>


※ 모든 iframe 주소를 homzzang.com으로 변경.


 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Window JS - Window 객체 - 윈도우객체 (속성/메서드) 종류
Window JS - closed 속성 - 윈도우창 닫힘 체크
Window JS - console 속성 - 콘솔 윈도우객체속성
Window JS - defaultStatus 속성 - 상태표시줄 기본텍스트 (지원X)
Window JS - document 속성 - 웹문서 윈도우객체속성
Window JS - frameElement 속성 - 현재창이 삽입된 <iframe> 요소 반환
Window JS - window.frames 속성 - 프레임 윈도우객체속성 (= window.frames속성 = 윈도우…
Window JS - history 속성 - 히스토리 윈도우객체속성
Window JS - innerHeight 속성 ★ - 윈도우창 순수 내용영역 높이 반환 (= 내용높이 = 내부높이 = …
Window JS - innerWidth 속성 ★ - 윈도우 내용영역 너비(= 내용너비 = 내부너비 = innerWidt…
Window JS - length 속성 - iframe 개수 반환 (= length속성 = 렝스속성) ※ 아이프레임 요소…
Window JS - location 속성 - 위치객체 (= window객체소속, 현재URL정보 갖음)
Window JS - name 속성 ★ - 윈도우창이름 설정/반환 (= 자식창제어)
Window JS - navigator 속성 - 웹브라우저객체 (※ window객체소속)
Window JS - opener 속성 ★ - 팝업창의 부모창 제어 (= opener속성 = 오프너속성) ※ 클릭 시, …
Window JS - outerHeight 속성 ★ -창높이 (=본문창 + 상단도구모음창 + 하단스크롤바) ※ 작업표시줄…
Window JS - outerWidth 속성 ★ - 창너비 (=본문창 +우측세로스크롤바) (IE9 이상)
Window JS - pageXOffset 속성 - 오프셋부터 계산한 스크롤가로길이 (IE9 이상)
Window JS - pageYOffset 속성 - 오프셋부터 계산한 스크롤세로길이 (IE9 이상)
Window JS - parent 속성 ★ - 부모창 (= iframe 태그 있는 창)
1/3
목록
찾아주셔서 감사합니다. Since 2012