KoXo 자바스크립트 - 개체(object) - IFRAME

인라인 프레임을 생성하고 참조한다.

	Script	[propVal=]parentObj.iFrameObj.propName;
	HTML	<IFRAME propName="propVal">innerString</IFRAME>

특기

보안 경고 : 개인의 보안을 위하여 Explorer은 다른 도메인의 웹페이지 프레임 사이의 일부 연결을 제한한다.

iFrame 엘레멘트는 문서 속에서 문서로서의 기능을 하거나 FRAME 개체와 같이 유동(float) 한다. frames 컬렉션을 통하여 iFrame을 참조할 수 있다. frames 컬렉션은 iFrame 개체 속의 엘레멘트들을 읽고 쓰는데 사용된다. 예를들어 body 개체의 backgroundColor 스타일에 접속하기 위하여 다음 문장을 사용할 수 있다.

colorVal=document.frames('idVal').document.body.style.backgroundColor;

iFrame 개체의 내용이 아니라 속성에 접속하기 위하여 iFrame 개체가 있는 문서의 개체 모델을 통하여 예를들어 iFrame 개체의 border 스타일을 얻기 위하여 다음과 같이 할 수 있다.

sVal=document.all.oFrame.style.border;

주의 : iFrame의 속성들은 document.all을 사용하여 접속할 수 있다. 예: document.all.iframeId.marginWidth.

IE5.5은 투명 인라인 유동(float) 프레임을 지원하며 투명한 내용의 표현을 위해서는 다음 조건을 만족시켜야 한다.

iFrame 엘레멘트의 allowTransparency 애트리뷰트가 true로 설정되어야 한다.
iFrame 엘레멘트를 포함하는 BODY 엘레멘트의 배경 스타일 속성 background-color이 transparent로 설정되어야 한다.

이 개체는 스크립트를 포함하여 IE4.0부터 적용된다.

이 엘레멘트는 블럭모드이다.

이 엘레멘트는 종료태그가 필요하다.

참조

이 개체는 HTML 4.0에서 정의되었고 (영문)DOM Level 1(W3C Document Object Model)에 정의되었다.

object ⇒

iFrame⇒

⇒

iFrame 설명을 위한 예제

앞 형제 SPAN뒤 형제 SPAN

<span>앞 형제 SPAN</span><iframe id="iframeId" name="iframeName" align="center" begin="0" end="99" border="1" src="http://trio.co.kr/club/public/clock.html" blockdirection="ltr" class="blue" dir="ltr" frameborder="0" lang="ko" language="javascript" label="iframelabel" longdesc="IFRAME 설명을 위한 예제" datafld="dataField" datasrc="dataUrl" marginheight="0" marginwidth="0" scrolling="no" width="114" height="25" style="behavior:url(../public/hilite.htc);border:1 dotted blue" systembitrate="5000" systemcaptions="on" systemlanguage="ko" timecontainer="none" hasmedia="false" title="iframe 제목" cite="iframecite"><span>자식 SPAN 안보임</span></iframe><span>뒤 형제 SPAN</span> <script>oObj=document.all.tags('IFRAME')[0];</script>

object ⇒

iFrame⇒

⇒

컬렉션	설명과 예제 코드	결과	참고
all	개체에 포함되어 있는 모든 엘레멘트들의 배열변수를 참조하고 반환한다.
all	<SCRIPT>document.write(oObj.all.length)</SCRIPT>
attributes	개체의 애트리뷰트(attribute 개체)들의 배열변수를 참조하고 반환한다.
attributes	<SCRIPT>document.write(oObj.attributes.length)</SCRIPT>
behaviorUrns	엘레멘트에 첨부된 비해이버(behavior)들을 인식하는 주소(URN) 문자열들의 배열변수를 참조하고 반환한다.
behaviorUrns	<SCRIPT>document.write(oObj.behaviorUrns.length)</SCRIPT>
childNodes	개체의 바로 종속된 자식들의 엘레멘트 개체들과 TextNode 개체들의 배열변수를 참조하고 반환한다.
childNodes	<SCRIPT>document.write(oObj.childNodes.length)</SCRIPT>
children	개체의 바로 종속된 DHTML 개체들인 자식들의 배열변수를 참조하고 반환한다.
children	<SCRIPT>document.write(oObj.children.length)</SCRIPT>

object ⇒

iFrame⇒

⇒

개체	설명	결과
currentStyle	공통 스타일쉬트, 인라인 스타일 HTML 애트리뷰트등으로 지정한 개체의 카스케이딩 형식과 스타일들 참조한다.
currentStyle	<SCRIPT>document.write(oObj.currentStyle.color)</SCRIPT>
runtimeStyle	덮어 씌워진 최종 공통 스타일쉬트, 인라인 스타일 HTML 애트리뷰트등으로 지정한 개체의 카스케이딩 형식과 스타일들 참조한다.
runtimeStyle	<BUTTON onclick="oObj.runtimeStyle.borderColor='red'">적색으로</BUTTON> 단추를 클릭하고 예제의 색상을 확인하라.
style	개체의 현재 모든 가능한 인라인 스타일 설정들을 참조한다.
style	<SCRIPT>document.write(oObj.style.cssText.length))</SCRIPT>

object ⇒

iFrame⇒

⇒

align 속성 IE (<IFRAME align="sVal"> 애트리뷰트)
⇒ 테이블이나 iFrame개체의 정렬 방식을 반환하거나 설정한다.

문법: iFrameObj.align[=sVal]

코드: document.write(oObj.align); 결과:

allowTransparency 속성 IE (<IFRAME allowTransparency="bVal"> 애트리뷰트)
⇒ 개체가 투명할 수 있는가를 반환하거나 설정한다.

문법: iFrameObj.allowTransparency[=bVal]

코드: document.write(oObj.allowTransparency); 결과:

Script 없슴 (<IFRAME application="sVal"> 애트리뷰트)
⇒ 내용이 HTML 적용(HTA: HTML Application)이고 브라우저 보안모드에서 예외 인가를 지정한다.

Script 없슴 <IFRAME atomicselection="bVal"> 애트리뷰트)
⇒ 엘레멘트와 그 내용이 전체적으로 선택되어야 하는가 개별적으로 선택될 수 있는가를 지정한다.

begin 속성 IE (<IFRAME begin="tVal"> 애트리뷰트)
⇒ 개체를 플레이하는데 시작되는 지연시간을 반환하거나 지정한다.

문법: iFrameObj.begin[=sVal]

코드: document.write(oObj.begin); 결과:

border 속성 IE
⇒ 3D를 포함하여 frame이나 iFrame의 테두리 두께를 반환하거나 지정한다.

문법: iFrameObj.border[=iVal]

코드: document.write(oObj.border); 결과:

canHaveChildren 속성 IE
⇒ 개체가 자식 개체들을 가질 수 있는가를 부울값으로 반환한다.

문법: [bVal=]iFrameObj.canHaveChildren

코드: document.write(oObj.canHaveChildren); 결과:

canHaveHTML 속성 IE
⇒ 개체가 HTML 태그들을 가질 수 있는가를 부울값으로 반환한다.

문법: [bVal=]iFrameObj.canHaveHTML

코드: document.write(oObj.canHaveHTML); 결과:

className 속성 IE (<IFRAME class="sVal"> 애트리뷰트)
⇒ 개체의 클라스 이름을 반환하거나 설정한다.

문법: iFrameObj.className[=sVal]

코드: document.write(oObj.className); 결과:

contentWindow 속성 IE
⇒ frame이나 iFrame애 지정된 window 개체를 반환한다.

문법: [oVal=]iFrameObj.contentWindow

코드: document.write(oObj.contentWindow); 결과:
코드: document.write(oObj.contentWindow.parent.location); 결과:

dataFld 속성 IE (<IFRAME datafld="sVal"> 애트리뷰트)
⇒ 개체의 dataSrc 속성과 같은 개체에 연결된 데이터 원천을 반환하거나 지정한다.

문법: iFrameObj.dataFld[=sVal]

코드: document.write(oObj.dataFld); 결과:

dataSrc 속성 IE (<IFRAME datasrc="urlVal"> 애트리뷰트)
⇒ 개체에 연결된 데이터의 원천을 반환하거나 지정한다.

문법: iFrameObj.dataSrc[=urlVal]

코드: document.write(oObj.dataSrc); 결과:

disabled 속성 IE (<IFRAME disabled[=true|false]> 애트리뷰트)
⇒ 사용자가 개체에서 작업할 수 있는가를 부울값으로 반환하거나 설정한다.

문법: iFrameObj.disabled[=true|false]

코드: document.write(oObj.disabled); 결과:

end 속성 IE (<IFRAME end="tVal"> 애트리뷰트)
⇒ 개체가 반복 플레이 중 한회가 완료되었던가, 전부 완료되었는가의 값을 반환하거나 설정한다.

문법: iFrameObj.end[=sVal]

코드: document.write(oObj.end); 결과:

firstChild 속성 IE
⇒ 개체의 childNodes 컬렉션에서 제일 먼저 자식 개체을 반환한다.

문법: [oVal=]iFrameObj.firstChild

코드: document.write(oObj.firstChild); 결과:
코드: if (oObj.firstChild) document.write(oObj.firstChild.nodeName); 결과:

frameBorder 속성 IE (<IFRAME frameBorder=bVal> 애트리뷰트)
⇒ 프레임의 테두리를 표현할 것인가를 반환하거나 지정한다.

문법: iFrameObj.frameBorder[=bVal]

코드: document.write(oObj.frameBorder); 결과:

hasMedia 속성 IE
⇒ 개체을 개체가 HTML+time 메디어 엘레멘트인가의 부울값을 반환한다.

문법: [oVal=]iFrameObj.hasMedia

코드: document.write(oObj.hasMedia); 결과:

height 속성 IE (<IFRAME height=iVal> 애트리뷰트)
⇒ 개체의 높이를 반환하거나 설정한다.

문법: iFrameObj.height[=iVal]

코드: document.write(oObj.height); 결과:

hideFocus 속성 IE (<IFRAME hidefocus=true|false> 애트리뷰트)
⇒ 개체가 초점을 받지았는지 시각적으로 인식할 수 있는 부울값으로 반환하거나 설정한다.

문법: iFrameObj.hideFocus[=true|false]

코드: document.write(oObj.hideFocus); 결과:

hspace 속성 IE (<IFRAME hspace=iVal> 애트리뷰트)
⇒ 개체의 수평 마진을 반환하거나 지정한다.

문법: iFrameObj.hspace[=iVal]

코드: document.write(oObj.hspace); 결과:

id 속성 IE (<IFRAME id=sVal> 애트리뷰트)
⇒ 개체를 대표하는 인식자 문자열을 반환하거나 지정한다.

문법: iFrameObj.id[=sVal]

코드: document.write(oObj.id); 결과:

innerText 속성 IE
⇒ 개체의 내용 문자열을 반환하거나 지정한다.

문법: iFrameObj.innerText[=sVal]

코드: document.write(oObj.innerText.length); 결과:

isContentEditable 속성 IE
⇒ 사용자가 개체의 내용을 편집할 수 있는가를 부울값으로 반환한다.

문법: [bVal=]iFrameObj.isContentEditable

코드: document.write(oObj.isContentEditable); 결과:

isDisabled 속성 IE
⇒ 개체가 불활성화 되었는가를 부울값으로 반환한다.

문법: [bVal=]iFrameObj.isDisabled

코드: document.write(oObj.isDisabled); 결과:

isMultiLine 속성 IE
⇒ 개체가 여러줄로 되어있는가를 부울값으로 반환한다.

문법: [bVal=]iFrameObj.isMultiLine

코드: document.write(oObj.isMultiLine); 결과:

isTextEdit 속성 IE
⇒ 개체속에서 TextRange 개체를 생성할수 있는가를 부울값으로 반환한다.

문법: [bVal=]iFrameObj.isTextEdit

코드: document.write(oObj.isTextEdit); 결과:

lang 속성 IE (<IFRAME lang="sVal"> 애트리뷰트)
⇒ 개체에서 사용한 언어코드를 반환하거나 설정한다.

문법: iFrameObj.lang[=sVal]

코드: document.write(oObj.lang); 결과:

language 속성 IE (<IFRAME language="sVal"> 애트리뷰트)
⇒ 개체에서 사용한 스크립트 언어를 반환하거나 설정한다.

문법: iFrameObj.language[=sVal]

코드: document.write(oObj.language); 결과:

lastChild 속성 IE
⇒ 개체의 childNodes 컬렉션에서 마지막 자식 개체을 반환한다.

문법: [oVal=]iFrameObj.lastChild

코드: document.write(oObj.lastChild; 결과:
코드: if (oObj.lastChild) document.write(oObj.lastChild.innerText); 결과:

longDesc 속성 IE6
⇒ 개체의 주소(URI)에 대한 긴 설명을 반환하거나 설정한다.

문법: iFrameObj.longDesc[=sVal]

코드: document.write(oObj.longDesc; 결과:

marginHeight 속성 IE el
⇒ 프레임에 택스트를 디스플레이 하기 전의 맨위와 맨아래의 마진 높이를 픽셀단위로 반환하거나 설정한다.

문법: iFrameObj.marginHeight[=iVal]

코드: document.write(oObj.marginHeight); 결과:

marginWidth 속성 IE el
⇒ 프레임에 택스트를 디스플레이 하기 전의 왼쪽과 오른쪽 마진 너비를 픽셀단위로 반환하거나 설정한다.

문법: iFrameObj.marginWidth[=iVal]

코드: document.write(oObj.marginWidth); 결과:

name 속성 IE (<IFRAME name="sVal"> 애트리뷰트)
⇒ 프레임의 이름을 반환하거나 설정한다.

문법: iFrameObj.name[=sVal]

코드: document.write(oObj.name); 결과:

nextSibling 속성 IE
⇒ 개체의 다음 형제(같은 모체의 다음 자식) 개체을 반환한다.

문법: [oVal=]iFrameObj.nextSibling

코드: document.write(oObj.nextSibling); 결과:
코드: if (oObj.nextSibling) document.write(oObj.nextSibling.innerText); 결과:

nodeName 속성 IE
⇒ 개체의 특정 노드(node) 타입 이름을 반환한다.

문법: [sVal=]iFrameObj.nodeName

코드: document.write(oObj.nodeName); 결과:

nodeType 속성 IE
⇒ 개체의 특정 노드(node)의 종류를 반환한다.

문법: [iVal=]iFrameObj.nodeType

코드: document.write(oObj.nodeType); 결과:

nodeValue 속성 IE
⇒ 개체의 특정 노드(node)의 값을 반환한다.

문법: [oVal=]iFrameObj.nodeValue

코드: document.write(oObj.nodeValue); 결과:

offsetHeight 속성 IE
⇒ offsetParent에 설정에따라 모체의 레이아웃이나 좌표에 상대적으로 계산된 높이 위치를 픽셀단위로 반환한다.

문법: [iVal=]iFrameObj.offsetHeight

코드: document.write(oObj.offsetHeight); 결과:

offsetLeft 속성 IE
⇒ offsetParent에 설정에따라 모체의 레이아웃이나 좌표에 상대적으로 계산된 수평 위치를 픽셀단위로 반환한다.

문법: [iVal=]iFrameObj.offsetLeft

코드: document.write(oObj.offsetLeft); 결과:

offsetParent 속성 IE
⇒ 개체에 offsetParent과 offsetLeft 속성들이 지정된 용기 개체를 참조하고 반환한다.

문법: [oVal=]iFrameObj.offsetParent

코드: document.write(oObj.offsetParent); 결과:
코드: document.write(oObj.offsetParent.nodeName); 결과:

offsetTop 속성 IE
⇒ offsetParent에 설정에따라 모체의 레이아웃이나 좌표에 상대적으로 계산된 수직 위치를 픽셀단위로 반환한다.

문법: [iVal=]iFrameObj.offsetTop

코드: document.write(oObj.offsetTop); 결과:

offsetWidth 속성 IE
⇒ offsetParent에 설정에따라 모체의 레이아웃이나 좌표에 상대적으로 계산된 너비 위치를 픽셀단위로 반환한다.

문법: [iVal=]iFrameObj.offsetWidth

코드: document.write(oObj.offsetWidth); 결과:

onOffBehavior 속성 IE
⇒ 지정된 MS DirectAnimation® 비헤이버(behavior)가 돌아가는지를 나타내는 개체를 반환한다.

문법: iFrameObj.onOffBehavior[=true|false]

코드: document.write(oObj.onOffBehavior=true); 결과:

outerHTML 속성 IE
⇒ 개체와 개체의 외부 내용을 HTML로 반환한다.

문법: [sVal=]iFrameObj.outerHTML

코드: document.write(oObj.outerHTML.length); 결과:

outerText 속성 IE
⇒ 개체와 개체의 외부 내용을 텍스트로 반환한다.

문법: [sVal=]iFrameObj.outerText

코드: document.write(oObj.outerText); 결과:

ownerDocument 속성 IE6
⇒ 노드(node)에 연관한 document 개체를 반환하거나 설정한다.

문법: iFrameObj.ownerDocument[=oVal]

코드: document.write(oObj.ownerDocument); 결과:
코드: document.write(oObj.ownerDocument.nodeName); 결과:

parentElement 속성 IE
⇒ 체계 구조상 부모 엘레멘트 개체를 반환한다.

문법: [oVal=]iFrameObj.parentElement

코드: document.write(oObj.parentElement); 결과:
코드: document.write(oObj.parentElement.nodeName); 결과:

parentNode 속성 IE
⇒ 구조상 부모 엘레멘트 개체를 반환한다.

문법: [oVal=]iFrameObj.parentNode

코드: document.write(oObj.parentNode); 결과:
코드: document.write(oObj.parentNode.nodeName); 결과:

parentTextEdit 속성 IE
⇒ 구조상 원본 개체를 포함하고 있는 용기 개체속에서 TextRange 개체를 생성할 수 있는 용기 개체를 반환한다.

문법: [oVal=]iFrameObj.parentTextEdit

코드: document.write(oObj.parentTextEdit); 결과:

previousSibling 속성 IE
⇒ 개체의 다음 형제(같은 모체의 다음 자식) 개체을 반환한다.

문법: [oVal=]iFrameObj.previousSibling

코드: document.write(oObj.previousSibling); 결과:
코드: if (oObj.previousSibling) document.write(oObj.previousSibling.nodeName); 결과:

readyState 속성 IE
⇒ 개체의 현재 상태를 반환한다.

문법: [sVal=]iFrameObj.readyState

코드: document.write(oObj.readyState); 결과:
코드: <SPAN id=SwRS></SPAN> <BUTTON onclick="SwRS.innerText=oObj.readyState">클릭</BUTTON> 결과:

recordNumber 속성 IE
⇒ 개체가 생성한 리코드 순서 번호를 반환한다.

문법: [iVal=]iFrameObj.recordNumber

코드: document.write(oObj.recordNumber); 결과:

scopeName 속성 IE
⇒ 엘레멘트 개체를 위해 정의된 namespace를 반환한다.

문법: [sVal=]iFrameObj.scopeName

코드: document.write(oObj.scopeName); 결과:

scrolling 속성 IE (<IFRAME scrolling="sVal"> 애트리뷰트)
⇒ 프레임이 스크롤할 것인가를 나타내는 문자열을 반환하거나 설정한다.

문법: iFrameObj.scrolling[=sVal]

코드: document.write(oObj.scrolling); 결과:

Script 없슴 IE6 (<IFRAME security="sVal"> 애트리뷰트)
⇒ frame이나 iFrame 개체에 특정 보안 제한이 지정되는가를 설정한다.

sourceIndex 속성 IE
⇒ 소스 순서에서 문서의 all 컬렉션에 나타나는 개체의 위치를 반환한다.

문법: [iVal=]iFrameObj.sourceIndex

코드: document.write(oObj.sourceIndex); 결과:
코드: document.write(document.all(oObj.sourceIndex).nodeName); 결과:

src 속성 IE (<IFRAME src=urlVal> 애트리뷰트)
⇒ 개체의 로딩될 주소(URL)를 반환하거나 지정한다.

문법: iFrameObj.src[=sVal]

코드: document.write(oObj.src); 결과:

style 속성 IE (<IFRAME style="cssVal"> 애트리뷰트)
⇒ 엘레멘트의 인라인 스타일을 반환하거나 설정한다.

문법: iFrameObj.style[=cssVal]

코드: document.write(oObj.style.cssText); 결과:

syncMaster 속성 IE (<IFRAME syncMaster="bVal"> 애트리뷰트)
⇒ 시간용기가 이 개체의 플레이와 동기화해야 하는가를 반환하거나 설정한다.

문법: iFrameObj.syncMaster[=bVal]

코드: document.write(oObj.syncMaster=false); 결과:

systemBitrate 속성 IE (<IFRAME systemBitrate="speedVal"> 애트리뷰트)
⇒ 시스템의 대략적 밴드폭을 bps(bits-per-second) 단위로 반환한다.

문법: [sVal=]iFrameObj.systemBitrate

코드: document.write(oObj.systemBitrate); 결과:

systemCaptions 속성 IE (<IFRAME systemCaptions="sVal"> 애트리뷰트)
⇒ 디스플레이되는 텍스트가 플레이되는 오디오 부분에 해당하는가를 나타내는 값을 반환한다.

문법: [sVal=]iFrameObj.systemCaptions

코드: document.write(oObj.systemCaptions); 결과:

systemLanguage 속성 IE (<IFRAME systemLanguage="sVal"> 애트리뷰트)
⇒ 사용자가 시스템에 설정한 선호 언어를 반환한다.

문법: [sVal=]iFrameObj.systemLanguage

코드: document.write(oObj.systemLanguage); 결과:

systemOverdubOrSubtitle 속성 IE (<IFRAME systemOverdubOrSubtitle="sVal"> 애트리뷰트)
⇒ 개체를 플레이할 때 작은 제목들을 표현할 것인가를 반환한다.

문법: iFrameObj.systemOverdubOrSubtitle[=sVal]

코드: document.write(oObj.systemOverdubOrSubtitle='overdub'); 결과:

tabIndex 속성 IE (<IFRAME tabindex="iVal"> 애트리뷰트)
⇒ 개체의 탭(tab)에 의한 항해에 사용되는 순서를 반환하거나 설정한다.

문법: [iVal=]iFrameObj.tabIndex

코드: document.write(oObj.tabIndex); 결과:

tagName 속성 IE
⇒ 개체의 태그(tag) 이름을 반환한다.

문법: [sVal=]iFrameObj.tagName

코드: document.write(oObj.tagName); 결과:

tagUrn 속성 IE
⇒ 개체의 namespace 선언에서 설정된 주소(URN: Uniform Resource Name)를 반환하거나 설정한다.

문법: iFrameObj.tagUrn[=sVal]

코드: document.write(oObj.tagUrn); 결과:

timeContainer 속성 IE (<IFRAME timecontainer="sVal"> 애트리뷰트)
⇒ 개체와 연관된 타임라인의 형식을 반환하거나 설정한다.

문법: iFrameObj.timeContainer[=sVal]

코드: document.write(oObj.timeContainer); 결과:

title 속성 IE (<IFRAME title="sVal"> 애트리뷰트)
⇒ 개체의 참고적인 제목을 반환하거나 설정한다.

문법: iFrameObj.title[=sVal]

코드: document.write(oObj.title); 결과:

uniqueID 속성 IE
⇒ 자동적으로 생성된 개체의 유일한 인식자 문자열을 반환한다.

문법: [sVal=]iFrameObj.uniqueID

코드: document.write(oObj.uniqueID); 결과:

Script 없슴 <IFRAME unselectable="on|off"> 애트리뷰트)
⇒ 엘레멘트가 선택될 수 없음을 설정한다.

vspace 속성 IE (<IFRAME vspace=iVal> 애트리뷰트)
⇒ 개체의 수직 마진을 반환하거나 지정한다.

문법: iFrameObj.vspace[=iVal]

코드: document.write(oObj.vspace); 결과:

width 속성 IE (<IFRAME width="iVal"> 애트리뷰트)
⇒ 개체의 너비를 반환하거나 설정한다.

문법: iFrameObj.width[=sVal]

코드: document.write(oObj.width); 결과:

object ⇒

iFrame⇒

⇒

style	script
{accelerator:val}	obj.style.accelerator[=val]
⇒ 개체가 단축키를 가지고 있는가를 부울값으로 반환하거나 설정한다.
{background-attachment:val}	obj.style.backgroundAttachment[=val]
⇒ 문서 속의 배경 이미지를 개체에 배열 방식을 반환하거나 설정한다.
{background-color:val}	obj.style.backgroundColor[=val]
⇒ 개체의 배경에 깔리는 색상을 반환하거나 설정한다.
{background-position-x:val}	obj.style.backgroundPositionX[=val]
⇒ backgroundPosition 속성의 x 좌표를 반환하거나 설정한다.
{background-position-y:val}	obj.style.backgroundPositionY[=val]
⇒ backgroundPosition 속성의 y 좌표를 반환하거나 설정한다.
{behavior:val}	obj.style.behavior[=val]
⇒ DHTML behavior의 소개 위치를 반환하거나 설정한다.
{border-bottom:val}	obj.style.borderBottom[=val]
⇒ 개체의 바닥 테두리 속성들을 반환하거나 설정한다.
{border-bottom-color:val}	obj.style.borderBottomColor[=val]
⇒ 개체의 바닥 테두리의 색상을 반환하거나 설정한다.
{border-bottom-style:val}	obj.style.borderBottomStyle[=val]
⇒ 개체의 바닥 테두리 형태를 반환하거나 설정한다.
{border-bottom-width:val}	obj.style.borderBottomWidth[=val]
⇒ 개체의 바닥 테두리의 두께를 반환하거나 설정한다.
{border-color:val}	obj.style.borderColor[=val]
⇒ 개체의 테두리 색상들을 반환하거나 설정한다.
{border-left:val}	obj.style.borderLeft[=val]
⇒ 개체 왼쪽 테두리의 속성들을 반환하거나 설정한다.
{border-left-color:val}	obj.style.borderLeftColor[=val]
⇒ 개체 왼쪽 테두리의 색상을 반환하거나 설정한다.
{border-left-style:val}	obj.style.borderLeftStyle[=val]
⇒ 개체 왼쪽 테두리의 형태를 반환하거나 설정한다.
{border-left-width:val}	obj.style.borderLeftWidth[=val]
⇒개체 왼쪽 테두리의 두께를 반환하거나 설정한다.
{border-right:val}	obj.style.borderRight[=val]
⇒ 개체 오른쪽 테두리의 속성들을 반환하거나 설정한다.
{border-right-color:val}	obj.style.borderRightColor[=val]
⇒ 개체 오른쪽 테두리의 색상을 반환하거나 설정한다.
{border-right-style:val}	obj.style.borderRightStyle[=val]
⇒ 개체 오른쪽 테두리의 형태를 반환하거나 설정한다.
{border-right-width:val}	obj.style.borderRightWidth[=val]
⇒ 개체 오른쪽 테두리의 두께를 반환하거나 설정한다.
{border-style:val}	obj.style.borderStyle[=val]
⇒ 개체의 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리들의 형태를 일괄적으로 반환하거나 설정한다.
{border-top:val}	obj.style.borderTop[=val]
⇒ 개체 위쪽 테두리의 속성들을 반환하거나 설정한다.
{border-top-color:val}	obj.style.borderTopColor[=val]
⇒ 개체 위쪽 테두리의 색상을 반환하거나 설정한다.
{border-top-style:val}	obj.style.borderTopStyle[=val]
⇒ 개체 위쪽 테두리의 형태를 반환하거나 설정한다.
{border-top-width:val}	obj.style.borderTopWidth[=val]
⇒ 개체 위쪽 테두리의 두께를 반환하거나 설정한다.
{border-width:val}	obj.style.borderWidth[=val]
⇒ 개체의 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리들의 두께를 일괄적으로 반환하거나 설정한다.
{bottom:val}	obj.style.bottom[=val]
⇒ 개체 체계도상 아래쪽 개체와의 거리를 반환하거나 설정한다.
{clear:val}	obj.style.clear[=val]
⇒ 개체에서 부동(float)부분의 면의 왼쪽, 오른쪽 혹은 양쪽으로 표현이 허용하는가를 반환하거나 설정한다.
{clip:val}	obj.style.clip[=val]
⇒ 개체의 어느 부분을 보이게 할 것인가를 반환하거나 설정한다.
{cursor:val}	obj.style.cursor[=val]
⇒ 개체위에서 마우스 포인터의 보이는 형태를 반환하거나 설정한다.
{display:val}	obj.style.display[=val]
⇒ 개체를 디스플레이할 것인가를 반환하거나 설정한다.
{filter:val}	obj.style.filter[=val]
⇒ 개체에 적용되는 필터들의 컬렉션(filters)을 반환하거나 설정한다.
{height:val}	obj.style.height[=val]
⇒ 개체의 높이를 반환하거나 설정한다.
{layout-grid:val}	obj.style.layoutGrid[=val]
⇒ 문자들의 레이아웃을 지정하는 문서 그리드(grid) 속성들을 일괄적으로 반환하거나 설정한다.
{layout-grid-mode:val}	obj.style.layoutGridMode[=val]
⇒ 텍스트 레이아웃 그리드에 가로, 세로가 사용되었는가를 반환하거나 설정한다
{left:val}	obj.style.left[=val]
⇒ 개체 체계도상 왼쪽 개체와의 거리를 반환하거나 설정한다..
{margin:val}	obj.style.margin[=val]
⇒ 개체의 위쪽, 오른쪽, 아래쪽, 왼쪽 마진(주변 개체와의 간격)들의 두께를 일괄적으로 반환하거나 설정한다.
{margin-bottom:val}	obj.style.marginBottom[=val]
⇒ 개체의 아래쪽 마진 두께을 반환하거나 설정한다.
{margin-left:val}	obj.style.marginLeft[=val]
⇒ 개체의 왼쪽 마진 두께을 반환하거나 설정한다.
{margin-right:val}	obj.style.marginRight[=val]
⇒ 개체의 오른쪽 마진 두께을 반환하거나 설정한다.
{margin-top:val}	obj.style.marginTop[=val]
⇒ 개체의 위쪽 마진 두께을 반환하거나 설정한다.
{overflow-x:val}	obj.style.overflowX[=val]
⇒ 개체의 내용이 너비를 초과하였을 때 그 내용을 어떻게 처리할 것인가를 나타니는 값을 반환하거나 설정한다.
{overflow-y:val}	obj.style.overflowY[=val]
⇒ 개체의 내용이 높이를 초과하였을 때 그 내용을 어떻게 처리할 것인가를 나타니는 값을 반환하거나 설정한다.
없슴	obj.style.pixelBottom[=val]
⇒ 개체의 아래쪽 위치를 픽셀단위로 반환하거나 설정한다.
없슴	obj.style.pixelHeight[=val]
⇒ 개체의 높이를 픽셀단위로 반환하거나 설정한다.
없슴	obj.style.pixelLeft[=val]
⇒ 개체의 왼쪽 위치를 픽셀단위로 반환하거나 설정한다.
없슴	obj.style.pixelRight[=val]
⇒ 개체의 오른쪽 위치를 픽셀단위로 반환하거나 설정한다.
없슴	obj.style.pixelTop[=val]
⇒ 개체의 위쪽 위치를 픽셀단위로 반환하거나 설정한다.
없슴	obj.style.pixelWidth[=val]
⇒ 개체의 너비를 픽셀단위로 반환하거나 설정한다.
없슴	obj.style.posBottom[=val]
⇒ bottom 애트리뷰트로 지정된 단위로 개체의 아래쪽 위치를 반환하거나 설정한다.
없슴	obj.style.posHeight[=val]
⇒ height 애트리뷰트로 지정된 단위로 개체의 높이를 반환하거나 설정한다.
{position:val}	obj.style.position[=val]
⇒ 개체의 위치시킴 방식을 반환하거나 설정한다.
없슴	obj.style.posLeft[=val]
⇒ left 애트리뷰트로 지정된 단위로 개체의 왼쪽 위치를 반환하거나 설정한다.
없슴	obj.style.posRight[=val]
⇒ right 애트리뷰트로 지정된 단위로 개체의 오른쪽 위치를 반환하거나 설정한다.
없슴	obj.style.posTop[=val]
⇒ top 애트리뷰트로 지정된 단위로 개체의 위쪽 위치를 반환하거나 설정한다.
없슴	obj.style.posWidth[=val]
⇒ width 애트리뷰트로 지정된 단위로 개체의 너비를 반환하거나 설정한다.
{right:val}	obj.style.right[=val]
⇒ 개체 체계도상 오른쪽 개체와의 거리를 반환하거나 설정한다.
{float:val}	obj.style.styleFloat[=val]
⇒ 개체에서 어느 방향으로 텍스트가 흐를 것인가를 반환하거나 설정한다.
{text-autospace:val}	obj.style.textAutospace[=val]
⇒ 조정된 문자를 위한 자동 문자 간격 맞추기를 반환하거나 설정한다.
{top:val}	obj.style.top[=val]
⇒ 개체 체계도 상 바로위의 개체로부터의 거리를 반환하거나 설정한다.
{visibility:val}	obj.style.visibility[=val]
⇒ 개체의 내용이 디스플레이될 것인가를반환하거나 설정한다.
{z-index:val}	obj.style.zIndex[=val]
⇒ 위치가 정해져 있는 개체의 스택킹(위에서 보이는) 순서를 반환하거나 설정한다.
{zoom:val}	obj.style.zoom[=val]
⇒ 개체의 확대 배율을 반환하거나 설정한다.

object ⇒

iFrame⇒

⇒

필터 속성	설명
Alpha	개체 내용의 명도(opacity)를 조정한다.
AlphaImageLoader	개체의 테두리 속에서 잘라내기나 이미지의 크기를 조정할 수 있으며, 내용과 배경 사이에 디스플레이 된다.
Barn	미닫이 문을 닫고 여는 것과 유사한 움직임으로 개체의 내용을 새로이 표시한다.
BasicImage	개체 내용을 색상을 처리하거나, 이미지를 회전시키거나, 선명도를 조정한다.
BlendTrans	개체의 원본 내용을 점진적으로 변화시켜 새로운 내용으로 표현한다.
Blinds	개체의 원본 내용을 브라인드를 열고 닫는 것처럼 점진적으로 변화시켜 새로운 내용으로 표현한다.
Blur	개체의 원본 내용을 초점을 흐리게 하여 표현한다.
CheckerBoard	원본 내용을 서양 장기판처럼 작은 사각형으로 잘라 점진적으로 변화시켜 새로운 내용으로 표현한다.
Chroma	개체의 내용 중 지정한 색상을 투명하게 표현한다.
Compositor	미리 정의된 기능에따라 원래 이미지와 새 이미지의 논리적 색상 조합으로 개체의 새로운 내용을 표현한다.
DropShadow	개체의 내용을 위로 띄우는 것 처럼되고 그림자가 나타나는 효과를 생성하여 표현한다.
Emboss	개체의 내용을 회색(grayscale)값을 사용하여 음각으로 조각한 모양(emboss)으로 표현한다.
Engrave	개체의 내용을 회색(grayscale)값을 사용하여 양각으로 조각한 모양(engrave)으로 표현한다.
Fade	개체의 원본 내용을 점진적으로 새로운 내용으로 변경시켜 표시한다.
FlipH	개체의 내용을 수평으로 뒤집어 표현한다.
FlipV	개체의 내용을 수직으로 뒤집어 표현한다.
Glow	개체의 내용 주위에 에 지정된 색상과 강도로 반경을 확장하여 표현한다.
Gradient	배경과 개체들의 색상을 점진적으로 적용하여 디스플레이 한다.
GradientWipe	개체의 원본 내용을 변환 밴드를 점진적으로 이동히키면서 새로운 내용으로 표현한다.
Gray	개체의 내용을 회색 스케일(grayscale)로 표현한다.
ICMFilter	ICM 프로파일에 맞춰 개체 내용의 색상을 변환한다. 이는 특정 내용의 표현을 개선하거나 프린터나 모니터와 같은 하드웨어 장치에 맞춰준다.
Inset	대각선 방향으로 개체의 내용을 새롭게 변환시킨다.
Invert	개체 내용 색상의 포화도, 밝기등을 역전 시킨다.
Iris	개체의 내용을 안에서부터 밖으로 혹은 밖에서부터 안으로 열리면서 변환하여 새 내용으로 변환한다.
Light	개체의 내용에 빛이 비치는 것과 같은 효과를 준다.
MaskFilter	개체의 투명한 내용을 색상을 넣어 표시하고, 투명하지 않은 부분은 투명하게 표현한다.
Matrix	개체의 내용의 크기 조정, 회전, 역회전등 변환하여 표현한다.
MotionBlur	개체의 내용이 달리는 것 같은 상태로 표현된다.
Pixelate	개체의 내용을 픽셀들이 위치한 사각형부분의 색상의 평균 색상으로 모두 변환하여 표현한다.
RadialWipe	개체을 내용을 반경 돌아가는에 따라 변환하여 새로운 내용으로 표현한다.
RandomBars	개체의 내용을 무작위 줄을 추가하면서 새로운 내용으로 변환하여 표현한다.
RandomDissolve	개체의 내용을 무작위 픽셀 점들의 추가로 변환하여 새로운 내용으로 표현한다.
Redirect	현재로서는 지원되지 않는 필터 속성이다.
RevealTrans	24개의 사전에 정의된 기능에 의하여 개체의 내용을 변환시켜 새로운 내용을 표현한다.
Shadow	개체의 내용을 그림자 진 것처럼 변형하여 새로운 내용으로 표현한다.
Slide	개체의 내용을 여러 띄로 나누어 흐르면서 새로운 내용으로 표현한다.
Spiral	개체의 내용을 나선형으로 변환시키면서 새로운 내용을 표현한다.
Stretch	개체의 내용을 잡아 늘리는 모양으로 변형하여 새로운 내용을 표현한다.
Strips	개체의 내용을 톱날처럼 모서리에서 반대편 모서리로 점진적으로 변환하며 새로운 내용을 표현한다.
Wave	개체의 내용을 수직 축으로 사인(sine)커브로 파도 효과를 준다.
Wheel	원본 이미지의 회전 움직임으로 변환(transition)하여 개체의 내용을 새로이 표현한다.
Xray	개체의 내용을 색상을 변경시켜 흑백으로 디스플레이하는 효과를 준다.
Zigzag	개체의 내용을 왼쪽에서 오른쪽으로, 위에서 아래로 이동하면서 새로운 내용을 만든다.

object ⇒

iFrame⇒

⇒

메서드	설명
addBehavior	엘레멘트에 behavior를 추가한다.
appendChild	개체의 자식개체로 한 엘레멘트를 추가한다.
applyElement	개체를 다른 엘레멘트의 자식이나 모체 개체로 만든다.
attachEvent	IE - 이벤트에 특정 기능을 묶어, 기능함수가 개체에서 이벤트가 발생되면 언제나 호출되게 한다. 이벤트의 제거는 detachEvent에서 한다. 반환값은 부울값이다. 문법: [bVal=]iFrameObj.object.attachEvent(event,functObj) event는 필수요소이고, 표준 이벤트 문자열이다. functObj도 필수요소이고 이벤트가 발생되면 호출될 기능함수이다. 코드: function callFunc(){alert('ondblclick 이벤트 발생')}document.attachEvent('ondblclick',callFunc) 결과: // 문서 위 아무데서나 더블클릭 해 보라. 코드:<INPUT type=button value="attachEvent 재설정" onclick="document.detachEvent('ondblclick',callFunc);document.attachEvent('ondblclick',callFunc)"></SPAN> 결과:
blur	IE NS iFrame 개체가 초점을 잃고 onblur 이벤트가 발생된다. 문법: iFrameObj.blur()
clearAttributes	iFrame 개체의 모든 애트리뷰트들과 값들을 삭제한다.
cloneNode	문서 계통도로부터 iFrame 개체의 참조를 복사한다.
componentFromPoint	어떤 이벤트에서 지정된 좌표에 위치한 콤포넨트를 반환한다.
contains	iFrame 개체 속에 주어진 엘레멘트가 있는가를 점검한다.
detachEvent	IE5 - attachEvent 이벤트로 첨부된 이벤트를 제거한다. 반환값은 없다. 문법: iFrameObj.detachEvent(event,funcion) 코드: <INPUT type=button value="detachEvent" onclick="document.detachEvent('ondblclick',callFunc)"></SPAN> 결과: // 클릭 후에는 attachEvent에서 설정된 이벤트가 제거된다. 제거 후 더블클릭해 보라.
dragDrop	ondragstart 이벤트를 시작한다.
fireEvent	iFrame 개체에서 지정한 이벤트를 발생시킨다.
focus	iFrame 개체에 초점을 주고 onfocus이벤트에 지정한 처리자 코드를 수행한다. 문법: iFrameObj.focus()
getAdjacentText	개체의 인접 문자열을 반환한다.
getAttribute	지정된 애트리뷰트의 값을 반환한다.
getAttributeNode	IE6 attribute.name속성을 참조하는 attribute 개체를 반환한다.
getElementsByTagName	지정된 엘레멘트의 이름에 맞는 개체들의 컬렉션을 반환한다.
getExpression	주어진 속성의 표현(expression)을 반환한다.
hasChildNodes	개체가 자식개체를 가지고 가지고 있는가를 나타내는 값을 반환한다.
insertAdjacentElement	지정한 위치에 엘레멘트를 삽입한다.
insertAdjacentHTML	엘레멘트의 지정된 위치에 주어진 HTML 문자열을 삽입한다.
insertAdjacentText	엘레멘트의 지정된 위치에 주어진 문자열을 삽입한다.
insertBefore	문서 계통도에서 모체 개체의 자식 노드로 엘레멘트를 삽입한다.
mergeAttributes	지정된 개체에 모든 읽기/쓰기 애트리뷰트를 복사한다.
normalize	IE6 iFrame 개체의 인접 TextNode 개체를 통합하여 문서 개체 모델을 정상화한다.
removeAttribute	iFrame 개체로 부터 애트리뷰트를 제거한다.
removeAttributeNode	IE6 iFrame 개체로 부터 애트리뷰트 개체 노드를 제거한다.
removeBehavior	iFrame 개체로부터 behavior를 제거한다.
removeChild	iFrame 개체로부터 자식 노드를 제거한다.
removeExpression	지정한 속성으로부터 표현(expression)을 제거한다.
removeNode	문서 계통도에서 iFrame 개체를 제거한다.
replaceAdjacentText	개체에 인접 문자열을 교체한다.
replaceChild	현재의 자식 엘레멘트를 새로운 자식 엘레멘트로 교체한다.
replaceNode	iFrame 개체를 다른 엘레멘트로 교체한다.
scrollIntoView	iFrame 개체를 보기게 굴림(scroll)하고 윈도우의 맨위나 아래에 정렬한다.
setActive	iFrame 개체에 초점을 주지 않은 상태에서 활성으로 설정한다.
setAttribute	지정된 애트리뷰트를 설정한다.
setAttributeNode	IE6 iFrame 개체의 부분으로 애트리뷰트 개체 노드를 설정한다.
setExpression	지정된 개체의 표현(expression)을 설정한다.
swapNode	문서 계통도에서 두 개체의 위치를 서로 바꾼다.

object ⇒

iFrame⇒

⇒

이벤트	설명
onactivate	엘레멘트 개체가 activeElement 속성으로 설정되면 발생한다.
onafterupdate	데이터 원본이 있는 개체가 성공적으로 업데이트되면 데이터를 갖는 개체에 발생한다.
onbeforedeactivate	모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되기 바로 전에 발생한다.
onbeforeupdate	원본 데이터를 갖는 개체의 연관된 데이터가 업데이트되기 바로 전에 데이터를 받는 개체에 발생된다.
onblur	IE4 NS3 iFrame 개체가 초점을 상실했을 때 발생한다. 문법: iFrameObj.onblur='JsCode'
oncontrolselect	사용자가 개체의 제어 선택을 하려고 할 때 발생한다.
ondeactivate	모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되면 발생한다.
onerrorupdate	데이터 원천 개체에서 관련된 데이터가 업데이트되는 동안에 오류가 발생되면 발생된다.
onfocus	IE NS iFrame 개체가 초점을 받으면 발생되고 JsCode를 수행한다. 문법: iFrameObj.onfocus='JsCode'
onload	IE3.02 NS2 개체가 부라우저에 로딩이 완료되면 바로 발생한다. 문법: iFrame.onload='JsCode'
onmove	개체가 이동하면 발생한다.
onmoveend	개체의 이동이 중지되면 발생한다.
onmovestart	개체가 이동하기 시작하면 발생한다.
onreadystatechange	개체의 준비상태(readyState) 속성을 변경시키면 발생한다.
onresizeend	제어 섹션에서 개체의 크기 변경이 완료되면 발생한다.
onresizestart	제어 섹션에서 개체의 크기 변경이 시작되면 발생한다.
ontimeerror	일반적으로 유효하지 않은 값의 결과에 의하여, 시간을 지정하는 오류가 일어나면 발생된다.

object ⇒

iFrame⇒

⇒

Behavior	설명
clientCaps	Explorer에 대한 정보를 제공하고 요청에 의하여 브라우저의 콤포넨트를 설치하는 방법늘 제공한다.
download	파일을 다운로드하고 완료되면 완료를 알려주는 기능을 갖고있다.
homePage	사용자의 홈페이지에 대한 정보를 포함하고 있다.
time	(불량) HTML 엘레멘트에 활성 시간을 제공한다.
time2	HTML 엘레멘트나 엘레멘트 구룹에 활성 시간을 제공한다.

object ⇒

iFrame

⇒

최종 수정:
05/31/2025 08:43:31

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/object/iFrame.html