콘텐츠가 비어있는 경우 iframe을 숨기는 방법

Question

외부 URL의 일부 콘텐츠를 표시 할 iframe을 사용하고 있습니다. 표시 할 콘텐츠가 없으면 (즉, 비어있는 경우) iframe을 숨기고 싶습니다. 이 작업을 수행하는 방법을 알려주십시오.

Answer 1

iframe의 내용을 평가하려면 Jquery .content()를 사용하고 숨기려면 .hide()를 사용하십시오. 다시 표시하려면 나중에 .toggle()을 사용하십시오.

Answer 2

번호

이는 호출 페이지에서 스크립트에 의해 수행 할 수 없습니다. 호출 페이지는 도메인 간 보안 제한으로 인해 iframe 내부에로드 된 외부 문서 개체에 액세스 할 수 없습니다.

Answer 3

iframe 내부의 외부 URL에서 내용을 확인하고 iframe이 도메인 간이 아닌 경우 iframe 내부에 body 태그가 있는지 확인할 수 있습니다. 존재한다면,로드 된 것이 있습니다. jQuery를 사용할 수 있다면 length 속성을 확인하십시오. 이것은 크로스 브라우저 호환입니다. 0이면 존재하지 않습니다.

CODE :

if($("#iframeid").contents().find("body").length) { 
    // some html page loaded in iframe 
} 

iframe이 크로스 도메인 인 경우가 same-origin policy에 의해 차단됩니다. 그렇지 않으면이 기능이 작동합니다.

출처 : How to check if iframe is empty/null/undefined?