jquery iframe 제어하기 > Html & Script

본문 바로가기
사이트 내 전체검색


회원로그인

오늘 201
어제 234
최대 618
전체 492,273
마음을 나누는 인터넷 일기장 - 통플 다이어리
Html & Script

jquery iframe 제어하기

페이지 정보

작성자 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일18-06-08 14:16 조회2,055회 댓글0건

본문

<body>

  <iframe id=“iframeTest” src=“test.html”></iframe>

</body>




//iframe 접근

window.frames.length; // 1

window.frames[0].document; // iframe의 window의 document객체

document.getElementById('iframeTest’); // iframe 엘리먼트

document.getElementById(‘iframeTest’).contentWindow.document; // iframe의 window의 document객체



//iframe 새로고침

$('iframe').get(0).contentDocument.location.reload();



//iframe 로드

$('#iframeTest').load(function(){    //iframe이 모두 load된후 제어

    $(this).contents().find('body');

});



//부모html에서 자식iframe 접근, 제어

$('#iframeTest').contents().find('#foo').text('안녕하세요');



//부모html에서 자식iframe 함수 실행

$('#iframeTest').get(0).contentWindow.test(args);

$('#iframeTest')[0].contentWindow.test(args);



//부모html에서 자식iframe 변수접근

$('#iframeTest').get(0).contentWindow.접근할변수명;



// 자식iframe에서 부모html의 다른 iframe에 접근

$('제어할 아이디', parent.frames["부모창 제어할 frame의 name값"].document).html("여기도 제어한다.");



// 자식iframe에서 부모html 접근 (최상위 부모html에 접근된다.)

$('부모창 제어할 아이디', parent.document).contents().find('body').html();

// $('부모창 제어할 아이디', parent.document) -> $('#ID이름',top.document)로 변경해도 된다.




출처: http://techno99.tistory.com/639 [셜록홈즈의 시선 (Sight of Sherlock Holmes)]

추천 0

댓글목록

등록된 댓글이 없습니다.

Html & Script 목록

Total 197건 1 페이지
Html & Script 목록
번호 제목 글쓴이 날짜 조회 추천
공지 유니코드의 명칭과 속성 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 39893 38
196 CSS를 말 줄임 방법(text-overflow:ellipsis) 속성 이용 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-24 156 0
195 JAVASCRIPT / JQUERY 를 이용한 ID, NAME, CLASS 값 가져오기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-18 190 0
194 CSS ellipsis nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-11 183 0
193 자동 스크롤 스크립트 댓글1 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-04 439 0
192 css 이미지 일부분만 보여주기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-29 816 0
191 [jQuery] preventDefault(), stopPropagation() nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-22 1671 0
190 소스보기 막기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-22 2181 0
189 (자바스크립트) Base64 인코딩/디코딩 소스(UTF-8 지원) nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-20 2265 0
열람중 jquery iframe 제어하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-08 2056 0
187 [펌] Web Worker - 웹에서 멀티 쓰레드 구현하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-10 1997 0
186 CSS Text & Viewport units nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-20 2483 0
185 자바스크립트 replace / 문자열 변경하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-06 4058 0
184 날짜 및 시간 계산(JavaScript) nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-29 4841 0
183 동적으로 select의 option생성하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-21 5304 0
182 css ul li 가로 정렬 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-06 5005 0
181 자바스크립트 Attr 속성 추가 ,삭제, 조회하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 11963 0
180 오른쪽 마우스 클릭막기, 우클릭금지 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 5160 0
179 색상 코드표 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-19 4748 0
178 자바스크립트 in_array() nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-31 3609 0
게시물 검색

Copyright © nuno21.net All rights reserved. 상단으로
모바일 버전으로 보기