복붙노트

[JQUERY] 은 iframe에서 부모 윈도우의 액세스 요소

JQUERY

은 iframe에서 부모 윈도우의 액세스 요소

해결법


  1. 1.나는 문제가 당신 때문에 그것을 얻을 수있는 통화에서 "#"당신의 요소를 발견되지 않는다는 것 같아요 :

    나는 문제가 당신 때문에 그것을 얻을 수있는 통화에서 "#"당신의 요소를 발견되지 않는다는 것 같아요 :

    window.parent.document.getElementById('#target'); 
    

    당신이 jQuery를 사용하는 경우에만 #이 필요합니다. 여기가 있어야한다 :

    window.parent.document.getElementById('target'); 
    

  2. 2.이 같은 window.parent를 사용하여 iframe이 내에서 부모 윈도우의 요소에 액세스 할 수 있습니다 :

    이 같은 window.parent를 사용하여 iframe이 내에서 부모 윈도우의 요소에 액세스 할 수 있습니다 :

    // using jquery    
    window.parent.$("#element_id");
    

    같은 어느과 같다 :

    // pure javascript
    window.parent.document.getElementById("element_id");
    

    하나 이상의 중첩 된 iframe을 가지고 있고 최상위은 iframe에 액세스 할 경우에, 당신은 다음과 같이 window.top 사용할 수 있습니다 :

    // using jquery
    window.top.$("#element_id");
    

    같은 어느과 같다 :

    // pure javascript
    window.top.document.getElementById("element_id");
    

  3. 3.양식을 제출하기 위해 iframe을 사용 아약스 내부 JS 아래에 있습니다.

    양식을 제출하기 위해 iframe을 사용 아약스 내부 JS 아래에 있습니다.

    $(function(){
    
       $("form").submit(e){
            e.preventDefault();
    
           //Use ajax to submit the form
           $.ajax({
              url: this.action,
              data: $(this).serialize(),
              success: function(){
                 window.parent.$("#target").load("urlOfThePageToLoad");
              });
           });
    
       });
    
    });
    

  4. 4.난 그냥은 iframe에서 window.parent를 사용할 수 있다고 생각합니다. 당신이 뭔가를 할 수 있도록 window.parent는 상위 페이지의 창 개체를 반환합니다 :

    난 그냥은 iframe에서 window.parent를 사용할 수 있다고 생각합니다. 당신이 뭔가를 할 수 있도록 window.parent는 상위 페이지의 창 개체를 반환합니다 :

    window.parent.document.getElementById('yourdiv');
    

    그런 다음 해당 사업부와 함께 원하는대로 할.

  5. from https://stackoverflow.com/questions/7027799/access-elements-of-parent-window-from-iframe by cc-by-sa and MIT license