오브젝트로 외부문서를 Includ(불러오기)하기

[은솔이네]

<OBJECT> 로 외부문서를 Includ(불러오기)하기

지금까지의 강좌나 질문란을 통해서 외부문서를 현재 페이지내에 불러들이기 위해서 <IFRAME> 을 이용한다고 배웠습니다.
외부문서를 프레임형식으로 불러들이지 않고도 <object> 란 태그를 이용해서도 <IFRAME>처럼 외부문서나 이미지를 불러들일 수 있습니다.
대부분의 초보분들은  <IFRAME> 프레임으로 웹 문서만 불러들일 수 있다고 생각하지만 이미지 파일만 불러 들일 수도 있습니다.
<IFRAME src="이미지 파일주소" width=? height=?>  </IFRAME> 이와같이.......

마찬가지로 <object> 란 태그를 사용해서 웹문서나 이미지 파일을 외부로부터 현재 페이지내로 불러 들일 수가 있습니다.
한가지 특징은  <IFRAME>으로 이미지를 불러 들일때에는 마우스 오른쪽 버튼등을 사용해서 이미지의 등록정보(주소)를 알 수가 있으나,
<object> 태그를 사용해 이미지 파일을 불러들일 경우 마우스 오른쪽 버튼기능이 듣지 않는다는 점입니다.
<object>태그를 사용해 웹페이지를 불러들일때에는 불러들인 웹페이지내의 이미지들 역시 오른쪽 버튼만으로는 등록정보를 열 수가
없게 됩니다. 그러므로 이미지를 다른이름으로 저장해 가지 못하도록 하려면 <IFRAME> 태그보다는 <object> 태그를 쓰는 것이 좋겠지요. ^^*
그외 js 파일도 <object>태그로서 불러들일 수 있습니다.

<object> 태그의 설정은 다음과 같습니다.


 OBJECT 태그의 정의 


<object type="text/x-scriptlet" data="URL">


위에서 추가되는 속성값으로는  width , height, 기타 style 속성 이 있습니다.

 OBJECT 태그에서 속성을 주기 


<object type="text/x-scriptlet" data="URL" width="가로크기"  height="세로크기">




▷ 예 시 :

아래 예시 결과에서 iframe으로 불러들인 배너와 Object로 불러들인 이미지 그리고 문서내 이미지들에 각각 마우스 커서를 올리고
오른쪽 버튼을 클릭해 보세요.

※ 예시소스 :
 1. 이미지 <iframe width=200 height=150 src="http://myhome.dreamx.net/flyengel/ico/banner8.gif"></iframe>
 2. 문서   <iframe width=200 height=150 src="http://www.yahoo.co.kr"></iframe>
 1. 이미지 <object type="text/x-scriptlet" width=200 height=150 data="http://myhome.dreamx.net/flyengel/ico/banner6-1.gif"></object>
 2. 문서   <object type="text/x-scriptlet" width=200 height=150 data="http://www.yahoo.co.kr"></object>

▶ 예시결과 :


Iframe 으로 불러들이기 
Object 로 불러들이기



1. 이미지
2. 문서 





1. 이미지
 
2. 문서 






☞ CopyRight ⓒ 인터넷 휴게소 by Choi Woo Hwan
http://cafe.daum.net/internetpia