iframe과 프레임의 차이 분석

저자：Eve Cole 업데이트 시간：2025-05-03 03:00:03

1. iframe 태그 사용

Iframe에 관해서는, 당신은 그것을 잊혀진 코너에 던졌을 지 모르지만, 형제 프레임에 대해 이야기하는 것은 익숙하지 않습니다. 프레임 태그는 프레임 태그입니다. 멀티 프레임 구조라고하는 것은 브라우저 창에 여러 HTML 파일을 표시하는 것입니다. 이제 우리는 매우 현실적인 상황에 직면합니다. 한 번에 한 섹션과 다음 섹션에 대한 링크가있는 경우 각 페이지의 끝에 이전 및 다음 섹션에 대한 링크가 작성됩니다. 각 섹션의 다른 내용을 제외하고 페이지의 다른 부분의 내용은 동일합니다. 페이지에서 멍청한 페이지를 만들면 너무 성가신 것 같습니다. 현재, 당신은 갑자기 아이디어가 있습니다. 페이지의 다른 부분을 변경하지 않고 다른 콘텐츠없이 페이지 별 컨텐츠 페이지로 만 튜토리얼을 만듭니다. 링크를 클릭하여 올라 가기 위해 링크의 내용 만 변경하고 다른 사람을 변경하지 않도록하십시오. 이런 식으로, 하나는 시간을 절약하는 것이며, 앞으로 튜토리얼에 변화가 있다면 매우 편리하여 전체 군대에 영향을 미치지 않을 것입니다. 더 중요한 것은 광고 배너, 열 목록, 내비게이션 및 거의 모든 페이지에 한 번만 다운로드 한 다음 더 이상 다운로드하지 않는 것을 다운로드하는 것입니다.

플로팅 프레임 태그라고도하는 iframe 태그를 사용하여 HTML 디스플레이에 HTML 문서를 포함시킬 수 있습니다. 프레임 태그의 가장 큰 기능과는 다릅니다. 즉,이 태그로 참조 된 HTML 파일은 다른 HTML 파일과 독립적으로 표시되지 않지만 HTML 파일에 직접 내장 되어이 HTML 파일의 내용과 혼합되어 전체가됩니다. 또한 컨텐츠를 반복하지 않고도 동일한 컨텐츠를 페이지에 여러 번 표시 할 수 있습니다. 생생한 은유는 사진에 대한 사진입니다.

이제 iframe 태그 사용에 대해 이야기 해 봅시다.

iframe 태그의 사용 형식은 다음과 같습니다.

SRC : HTML 파일 또는 텍스트, ASP 등의 파일 경로;

너비, 높이 : 그림의 그림 영역의 너비와 높이;

스크롤 : SRC의 지정된 HTML 파일이 지정된 영역에 표시되지 않으면 스크롤 옵션입니다. 아니오로 설정되면 스크롤 막대가 나타나지 않습니다. 자동 인 경우 : 스크롤 막대가 자동으로 나타납니다. 그렇다면 예, 그것은 표시됩니다.

프레임 버더 : 영역 테두리의 너비는 종종 그림의 그림을 인접한 내용과 혼합하기 위해 0으로 설정됩니다.

예를 들어:

2. 부모 형태와 부동 프레임 사이의 상호 제어

스크립팅 언어 및 객체 계층 구조에서 iframes를 포함하는 창을 부모 형태라고하는 반면, 플로팅 프레임을 자식 형태라고합니다. 부모 양식 또는 그 반대의 자식에 액세스하려면 프로그램을 통해 양식에 액세스하고 제어하기 위해 객체 계층에 대해 명확해야하기 때문에이 둘 사이의 관계를 이해하는 것이 중요합니다.

1. 부모 형태의 아동 양식의 액세스 및 제어 객체

부모 형식 인 iframe, 즉 아동 양식은 문서 개체의 자식 대상이며, 자식 양식의 개체는 스크립트에서 직접 액세스 할 수 있습니다.

이제 질문이 있습니다. 즉,이 Iframe을 어떻게 제어 할 수 있습니까? 여기서 우리는 iframe 객체에 대해 이야기해야합니다. 이 태그에 ID 속성을 설정 한 후 Document Object Model Dom을 사용하여 iframe에 포함 된 HTML을 제어 할 수 있습니다.

예를 들어, example.htm에 test.htm 파일을 포함시키고 test.htm에서 태그가 지정된 객체를 제어합니다.

test.htm 파일 코드는 다음과 같습니다.

<html>

<body>

<h1 id = myh1> 안녕하세요, 내 아들 </h1>

</body>

</html>

ID 번호 MyH1로 H1 태그의 텍스트를 Hello로 변경하려면 :

document.myh1.innertext = 안녕하세요, 내 사랑 (문서를 저장할 수있는 곳)

example.htm 파일에서 iframe tag 객체에서 언급 한 서브 형식은 일반적인 dhtml 객체 모델과 일치하며 객체의 액세스 제어 메소드는 동일하므로 다시 반복하지 않습니다.

2. 아동 양식의 부모 형태의 액세스 및 제어 객체

아동 양식에서는 부모 창의 부모, 즉 부모 (부모) 객체를 통해 부모 창의 물체에 액세스 할 수 있습니다.

예를 들어 .htm :

<html>

<h1 id = myh2> 안녕하세요, 아내 </h1>

</body>

</html>

Frame1.htm의 ID 번호 MyH2로 제목 텍스트에 액세스하고 내 친구 인 Hello로 변경하려면 다음과 같이 쓸 수 있습니다.

parent.myh2.innertext = 안녕하세요, 친구

여기서, 부모 객체는 현재 형식 (예제 .htm이있는 양식)을 나타냅니다. 아동 양식의 상위 형식의 객체에 액세스해야하며, 모두 예외없이 부모 객체를 통해 수행됩니다.

iframe은 다른 HTML 파일에 포함되어 있지만 비교적 독립적이며 독립의 영역입니다. 단일 HTML의 특성은 플로팅 프레임에도 적합합니다.

Iframe 태그를 통해 동일한 내용을 반복 할 필요가 없도록 변하지 않는 내용을 IFRames로 표현할 수 있다고 상상해보십시오. 이것은 프로그래밍의 프로세스 나 기능과 비슷하여 번거로운 수동 노동을 많이 절약 할 수 있습니다! 또한 레이아웃 조정으로 인해 각 페이지를 수정할 필요가 없으므로 페이지 수정이 더욱 실현 가능합니다. 부모 양식의 레이아웃 만 수정하면됩니다.

주목할만한 점은 NestScape 브라우저가 iframe 태그를 지원하지 않지만 IE의 세계에서는 괜찮은 것 같습니다. iframe 태그를 널리 사용하는데,이 태그는 자체 (웹 사이트)를 고려할뿐만 아니라 네티즌의 온라인 비용을 저장합니다. 왜 그렇게하지 않습니까?

플로팅 프레임은 HTML4.0 사양의 정의이며 현재 브라우저는이를 지원합니다.

프레임 세트로 표시되는 파티션과 달리 플로팅 프레임은 웹 페이지에 내장 객체로 존재하며 스타일은 페이지의 그래프 또는 애플릿과 같습니다. 플로팅 프레임은 <iframe> 태그를 사용합니다. 이름, SRC, marginwidth, marginheight, frameborder 및 스크롤을 포함하여 <frame>과 동일한 속성 설정이 대부분입니다. 동시에 높이, 너비 및 정렬 특성을 그래픽 또는 애플릿과 동일하게합니다.

또한 플로팅 프레임은 일반 프레임과 동일한 대상 원칙을 따릅니다. 이름으로 그 이름을 가리킬 수 있습니다. 이 원리는 모든 유형의 프레임의 부동 프레임에 적용되며, 그렇지 않으면 쉽게 수행 할 수 있습니다. 플로팅 프레임에 비어가없는 링크는 그 자체로 가리키고 _parent 링크는 <iframe>을 포함하는 문서가있는 프레임이나 창을 가리 킵니다. 예를 들어:

<img src = images/noframe.gif alt = 플로팅 프레임을 볼 수 없습니다

너비 = 150 높이 = 200 hspace = 10 align = right>

</iframe> <br>

<a href = start.htm target = floatater> 다시 시작 start.htm </a>