집 >웹 프론트엔드 >JS 튜토리얼 >JQuery가 iframe의 관련 페이지를 작동하는 방법

JQuery가 iframe의 관련 페이지를 작동하는 방법

php中世界最好的语言원래의: 2018-04-26 15:47:151520검색

이번에는 JQueryiframe 관련 페이지 조작 방법과 JQuery를 사용하여 iframe 관련 페이지 조작 시 주의사항에 대해 알려드리겠습니다. 실제 사례를 살펴보겠습니다.

JQUERY IFRAME
다음은 Jquery를 사용하여 iframe의 일부 레코드를 조작하는 것입니다. 이는 순수 JS를 사용하여 달성할 수 있습니다.

첫 번째, iframe에서 상위 페이지의 요소를 찾는 방법:

$(&#39;#id&#39;, window.parent.
document
)

두 번째, 상위 페이지의 iframe에서 요소를 가져오는 방법:

$(this).contents().find("#suggestBox")

셋째, 다음에서 상위 페이지를 호출합니다. iframe 정의 메서드 및 variables: jquery를 사용하여

parent.method
parent.value

iframe

iframe.html

<html>
<script src=&#39;jquerymin.js&#39;>
</script>
<body id=&#39;1&#39;>
    <p>it is a iframe</p>
</body>    
<script>
    $(document).ready(
        function()
        {
        var c = $(window.parent.document.body) //麻烦的方法： var c = $($(window).eq(0)[0].parent.document).find(&#39;body&#39;); ，忘了可以用前面的方法了
        alert(c.html());
        }
    );
</script>
</html>

에서 상위 페이지 본문을 가져옵니다. 이 기사의 사례를 읽은 후 메서드를 마스터했다고 생각합니다. 더 흥미로운 정보는 PHP 중국어 웹사이트의 기타 관련 기사를 주목해 주세요!