JQuery 작업 iframe 상위 및 하위 페이지의 요소 및 방법

6622 단어
JQuery 작업 iframe 상위 및 하위 페이지의 요소 및 방법
업데이트: 2011-05-05 출처: 인터넷 글꼴:[대중소]
-
JQUERY IFRAME
다음은 단순히 Jquery를 사용하여 iframe의 기록을 조작하는데 이것은 순수한 JS로도 실현할 수 있다.
첫째, iframe에서 부모 페이지 요소를 찾는 방법: $('#id', window.parent.document)
둘째, 부모 페이지에서 iframe의 요소를 가져오는 방법: $(this).contents().find("#suggestBox")
셋째, iframe에서 부모 페이지에 정의된 방법과 변수를 호출합니다:parent.method parent.value
iframe에서 jquery로 부모 페이지 바디 가져오기
 
iframe.html
 1 <html>
 2 <script src='jquerymin.js'>script>  3 <body id='1'>  4 <div>it is a iframediv>  5 body>  6 <script>  7  $(document).ready(  8 function(){  9 var c = $(window.parent.document.body) 10 11     //     : var c = $($(window).eq(0)[0].parent.document).find('body'); ,            12  alert(c.html()); 13  } 14  ); 15 script> 16 html>

content.html
<html>
    <script src='jquerymin.js'>script>
<body id='fa'>
    <iframe src='iframe.html' width='100' height='100'>iframe>
        <br>
        <br>
        <br>
     <div id='mydiv'>content iframediv>
body>    
<script>
    function a()
    {
        alert(1);
    }
    alert($(document).text());
    script>
html>

  
jquery, js에서 iframe 부모 창과 하위 창 요소를 호출하는 방법
1. jquery는 iframe 하위 페이지에서 부모 페이지 요소 코드를 다음과 같이 가져옵니다.
$("#objid", parent.document)
 
2. jquery는 부모 페이지에서 iframe 하위 페이지의 요소 코드를 다음과 같이 가져옵니다: $("#objid",document.frames ('iframename').document)
 
3. js는 iframe 하위 페이지에서 부모 페이지 요소 코드를 다음과 같이 가져옵니다.
indow.parent.document.getElementByIdx_x(요소 id);
 
4.js는 부모 페이지에서 iframe 하위 페이지 요소 코드를 다음과 같이 가져옵니다.
window.frames["iframe_ID"].document.getElementByIdx_x(요소 id);
 
5. 하위 클래스 iframe에서 상위 클래스 함수를 호출합니다.
window.parent.func();

좋은 웹페이지 즐겨찾기