>웹 프론트엔드 >JS 튜토리얼 >JQuery Reload Iframe

JQuery Reload Iframe

Joseph Gordon-Levitt
Joseph Gordon-Levitt원래의
2025-03-03 00:52:11854검색

jQuery Reload an iFrame

JQuery Reload Iframe ContentWindow 속성에 액세스하여 위치 객체를 얻음으로써 iframe을 다시로드하려면 간단한 jQuery 코드 스 니펫. jQuery 스 니펫 코드는 실제로 페이지의 모든 iframes를 반복하고 새로 고침합니다. 또한 참조 :

창이 iframe에 있는지 확인하십시오 주입 된 iframe의 소스 href를 얻으십시오
  • jQuery 및 iframe Reloading 에 대한 질문 (FAQS)이 자주 묻습니다 jQuery를 사용하여 iframe을 다시로드하기위한 기본 구문은 무엇입니까? jQuery를 사용하여 iframe을 다시로드하기위한 기본 구문은 매우 간단합니다. ID 또는 클래스를 사용하여 iframe을 선택한 다음 'attr'방법을 호출하여 'SRC'속성을 현재 값으로 설정하십시오. 기본 예는 다음과 같습니다. $ ( "#myiframe"). attr ( 'src', $ ( "#myiframe"). attr ( 'src'));
    <span>//reload 1 iframe
    </span><span>$('#iframe').contentWindow.location.reload(true);
    </span>
    <span>//reload all iFrames
    </span><span>$('iframe').each(function() {
    </span>  <span>this.contentWindow.location.reload(true);
    </span><span>});</span>
    '#myiframe'은 iframe의 ID입니다. 이 코드 라인은 Iframe을 효과적으로 다시로드합니다.

    ID 또는 클래스를 사용하지 않고 iframe을 다시로드 할 수 있습니까?

    예, ID 또는 클래스를 사용하지 않고 iframe을 다시로드 할 수 있습니다. '소품'방법을 사용하여 iframe의 'SRC'속성을 얻은 다음 동일한 값으로 설정할 수 있습니다. 예는 다음과 같습니다.

    $ ( 'iframe'). prop ( 'src', function (i, val) {return val;});

    이 코드는 페이지에 모든 iframes를 다시로드 할 수 있습니까?
    는 정기적으로 iframe을 자동으로 다시로드 할 수 있습니까?

    당신은 'jav

    를 어떻게 다시로드 할 수 있습니까? 정기적 인 간격으로 iframe. 예는 다음과 같습니다.

    setInterval (function () { $ ( "#myiframe"). attr ( 'src', $ ( "#myiframe"). attr ( 'src')); 5000);이 코드는 5 초마다 iframe을 다시로드 할 것입니다. 버튼이 클릭 되나요?

    예, 버튼을 클릭하면 iframe을 다시로드 할 수 있습니다. 클릭 이벤트 핸들러를 버튼에 연결하고 핸들러에 iframe을 다시로드하면됩니다. 예는 다음과 같습니다.
    $ ( "#myButton"). 클릭 (function () {
    예, 양식이 제출되면 iframe을 다시로드 할 수 있습니다. 제출 이벤트 핸들러를 양식에 첨부하고 핸들러에 iframe을 다시로드하면됩니다. 예는 다음과 같습니다.
    $ ( "#myform"). 제출 (function (e) { $ ( "#myiframe"). attr ( 'src', $ ( "#myiframe"). att ( 'src');

    }); 양식. <..> 링크가 클릭되면 iframe을 다시로드 할 수 있습니까?

    예, 링크를 클릭하면 iframe을 다시로드 할 수 있습니다. 클릭 이벤트 핸들러를 링크에 첨부하고 핸들러에 iframe을 다시로드하면됩니다. 예는 다음과 같습니다.

    $ ( "#mylink"). 클릭 (function (e) { $ ( "#myiframe"). attr ( 'src', $ ( "#myiframe"). att ( 'src')); 링크의. 로드 이벤트 핸들러를 창에 연결하고 핸들러에 iframe을 다시로드하면됩니다. 예는 다음과 같습니다.
    $ (창) .load (function () {}); iframe 페이지가 언로드되면?
    예, 페이지를 내릴 때 iframe을 다시로드 할 수 있습니다. 언로드 이벤트 핸들러를 창에 연결하고 핸들러에 iframe을 다시로드하면됩니다. 예는 다음과 같습니다.
    $ (Window) .unload (function () {
    $ ( "#myiframe"). attr ( 'src', $ ( "#myiframe"). attr ( 'src'));

    예, 사용자가 페이지를 스크롤 할 때 iframe을 다시로드 할 수 있습니다. 스크롤 이벤트 핸들러를 창에 연결하고 핸들러에 iframe을 다시로드하면됩니다. 예는 다음과 같습니다.

    $ (창) .scroll (function () {}); iframe 사용자가 창을 크기를 조달 할 때?

    예, 사용자가 창을 크기를 조정할 때 iframe을 다시로드 할 수 있습니다. 크기 조정 이벤트 핸들러를 창에 연결하고 핸들러에 iframe을 다시로드하면됩니다. 예는 다음과 같습니다.
    $ (window) .resize (function () {
    $ ( "#myiframe"). attr ( 'src', $ ( "#myiframe"). attr ( 'src');
    });
    }); 사용자가 윈도우를 다시로드 할 때마다 .

  • 위 내용은 JQuery Reload Iframe의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.