기록

iframe

해은 2020. 4. 9. 15:46

현재 html 페이지 내에 내장 윈도우를 만들고 다른 html 페이지를 출력할 수 있다.

 

<iframe src="URL" srcdoc="HTML 문서 텍스트" name="윈도우 이름" width="프레임의 폭" height="프레임의 높이"> iframe 태그를 다루지 않는 브라우저에 의해 대신 출력되는 텍스트 <iframe>

src: 출력할 웹 페이지의 url 주소

srcdoc: 직접 html 태그로 작성된 텍스트로서 출력될 내용

name: 프레임 윈도우의 이름. 다른 웹 페이지에서 target 속성 값으로 사용

width: 프레임의 폭. 픽셀값. 디폴트 300

height: 디폴트 150

iframe 사용 시 주의할 점

1. <body> 영역에서만 사용 가능

2. src 속성이 생략되면 영역은 만들어 지지만 빈 상태로 존재

3. srcdoc가 있으면 src 속성은 무시된다.

4. iframe 은 name 속성을 사용하여 이름으로 접근한다.

'기록' 카테고리의 다른 글

카카오톡 공유기능  (0) 2020.05.19
배열 반복문 forEach, map  (0) 2020.05.12
자바스크립트 스코프와 호이스팅  (0) 2020.04.08
axios header 비우기  (0) 2020.04.08
scroll 이벤트가 안먹힐 때, scrollY always 0  (0) 2020.04.08