수정 일자 버전 (SP2)
WebSquare5 Studio : 20210120_1621_x86_64_B
WebSquare5 Engine : 5.0_4.4295B.20210115.133702_1.5
HTML의 iframe과 같은 기능을 제공하는 컴포넌트입니다.
Property
Property | Description |
---|---|
allowTransparency | IE 브라우저에서만 적용 가능하며 컴포넌트에 투명한 배경을 사용할 지 여부를 지정합니다. |
class | 사용자가 임의의 class를 정의할때 사용합니다. |
id | 사용자가 임의의 id를 정의할때 사용합니다. |
name | HTML의 name속성과 동일한 기능을 제공하며 anchor 등에서 target으로 설정할 수 있습니다. |
relativePath SP2 | [default:false, true] xml이 아닌 다른 주소(예 :.html)에 대해서도 src 상대경로를 지원하는 속성 xml(*.xml)은 기본적으로 상대경로를 지원하나, 그 외에는 기본적으로 상대경로를 지원하지 않는다. 하위호환유지를 위한 속성. |
scrolling | [auto, no, yes]src에 해당하는 화면의 width/height가 ifrmae의 width/height보다 클 때 스크롤바를 표시할지의 여부를 지정합니다. |
spa | 링크를 통해 이동하거나 화면을 다시 로딩하였을때 해당 컴포넌트가 동일하게 존재할 경우 다시 로딩하지 않고 변경된 부분만 로딩합니다. |
spaReplaceHistory SP2 | SPA 사용 시 IFrame 내부의 history(앞으로 가기 및 뒤로 가기) 동작을 금지. IFrame 내부 페이지의 뒤로 가기 동작을 막아서 blank 페이지로 이동하지 않는 효과. 이 경우, 뒤로 가기를 수행 할 경우 브라우저 전체가 뒤로 이동. true: 뒤로 가기 및 앞으로 가기 동작을 금지. false (기본 값): 동작을 허용. |
src | iframe이 표시할 화면 URL을 입력합니다. |
title | HTML의 title속성과 동일한 기능으로 명시 된 값을 브라우저에서 마우스 over시 툴팁형태로 표현합니다. |
toolTip | 웹스퀘어에서 만든 toolTip으로 컴포넌트의 추가정보를 명시합니다. 마우스 over시 표현됩니다. |
userData1 | 사용자 정의 데이터 속성. getUserData("userData1") API를 통해 설정한 값을 얻어올 수 있습니다. |
userData2 | 사용자 정의 데이터 속성. getUserData("userData2") API를 통해 설정한 값을 얻어올 수 있습니다. |
userData3 | 사용자 정의 데이터 속성. getUserData("userData3") API를 통해 설정한 값을 얻어올 수 있습니다. |
주의사항 및 Tip
IFrame컴포넌트는 SPA모드를 지원하며 링크를 통해 이동하거나 화면을 다시 로딩하였을때 해당 컴포넌트가 동일하게 존재할 경우 다시 로딩하지 않고 변경된 부분만 로딩하므로서 리소스를 절약하고 로딩 속도를 향상시킬수 있습니다.