IFrame srcdoc 속성

HTML DOM IFrame 객체

정의와 사용 방법

srcdoc 속성 설정 또는 iframe 요소에서 반환 srcdoc 속성 의 값.

srcdoc 속성은 iframe에서 표시할 페이지의 HTML 내용을 정의합니다.

추천:이 속성은 다음과 함께 사용되어야 합니다. sandbox 및 seamless 속성 함께 사용.

브라우저가 srcdoc 속성을 지원하면, src 속성에 정의된 내용을 대체합니다(만약 존재하면).

브라우저가 srcdoc 속성을 지원하지 않으면, src 속성에 정의된 파일을 표시합니다(만약 존재하면).

예제

예제 1

iframe에서 표시하는 HTML 내용 변경:

document.getElementById("myFrame").srcdoc = "<p>iframe에 새로운 내용!</p>";

직접 테스트해 보세요

예제 2

iframe에서 표시하는 HTML 내용 반환:

var x = document.getElementById("myFrame").srcdoc;

직접 테스트해 보세요

문법

srcdoc 속성 반환:

iframeObject.srcdoc

srcdoc 속성 설정:

iframeObject.srcdoc = HTML_code

속성 값

값 설명
HTML_code iframe에서 표시할 HTML 내용을 정의합니다. 반드시 유효한 HTML 문법이어야 합니다.

기술 상세 정보

반환 값: iframe에서 표시할 HTML 내용을 나타내는 문자열 값입니다. (만약 있을 경우).

브라우저 지원

표에서 수치는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
20.0 지원하지 않음 25.0 6.0 15.0

관련 페이지

HTML 참조 매뉴얼:HTML <iframe> srcdoc 속성

HTML DOM IFrame 객체