Iframe에 관해서는 이미 "잊혀진 코너"에 던져 넣었을 수도 있지만 형제 프레임에는 익숙하지 않습니다. 프레임 태그는 프레임 태그입니다. 멀티 프레임 구조라고하는 것은 브라우저 창에 여러 HTML 파일을 표시하는 것입니다. 이 웹 사이트에는이 기사가 포함되어있어 iframe 태그 제작 페이지에서 프레임 사용에 대해 이야기하고 관련 Iframe Tag Framework 기술 및 기사의 지식을 자세히 설명합니다. 이와 관련하여 도움을주고 도움을 주시면 오신 것을 환영합니다! 다음은 세부 사항입니다.
현재 웹 사이트를 살펴보면 인터넷 속도는 약간 느리지 만 거의 모든 페이지에는 통합 웹 사이트 스타일 및 광고 효과의 요구에 대한 배너, 열 그림, 저작권 등과 같은 많은 비슷한 것들이 있습니다. 이해할 수 있지만 결국 사용자의 지갑은 이들로 장식 된 것들로 점점 더 오래 걸리고 있습니다. 이러한 유사한 것들이 한 번 다운로드하는 것을 방지 할 수있는 방법이 있습니까?
대답은 예입니다 : iframe 태그를 적용하십시오!
1. iframe 태그 사용
Iframe에 관해서는, 당신은 그것을 잊혀진 코너에 던졌을 지 모르지만, 형제 프레임에 대해 이야기하는 것은 익숙하지 않습니다. 프레임 태그는 프레임 태그입니다. 멀티 프레임 구조라고하는 것은 브라우저 창에 여러 HTML 파일을 표시하는 것입니다. 이제 우리는 매우 현실적인 상황에 직면합니다. 한 번에 한 섹션과 다음 섹션에 대한 링크가있는 경우 각 페이지의 끝에 이전 및 다음 섹션에 대한 링크가 작성됩니다. 각 섹션의 다른 내용을 제외하고 페이지의 다른 부분의 내용은 동일합니다. 페이지에서 멍청한 페이지를 만들면 너무 성가신 것 같습니다. 현재, 당신은 갑자기 아이디어가 있습니다. 페이지의 다른 부분을 변경하지 않고 다른 콘텐츠없이 페이지 별 컨텐츠 페이지로 만 튜토리얼을 만듭니다. 링크를 클릭하여 올라 가기 위해 링크의 내용 만 변경하고 다른 사람을 변경하지 않도록하십시오. 이런 식으로, 하나는 시간을 절약하는 것이며, 앞으로 튜토리얼에 3 개의 길이와 2 개의 반바지가 변경되면 매우 편리하여 전체 군대에 영향을 미치지 않을 것입니다. 더 중요한 것은 광고 배너, 열 목록, 내비게이션 및 기타 한 번만 다운로드 한 다음 더 이상 다운로드하지 않는 다른 것들을 다운로드하는 것입니다.
플로팅 프레임 태그라고도하는 iframe 태그를 사용하여 HTML 디스플레이에 HTML 문서를 포함시킬 수 있습니다. 프레임 태그의 가장 큰 기능과는 다릅니다. 즉,이 태그로 참조 된 HTML 파일은 다른 HTML 파일과 독립적으로 표시되지 않지만 HTML 파일에 직접 내장 되어이 HTML 파일의 내용과 혼합되어 전체가됩니다. 또한 컨텐츠를 반복하지 않고도 동일한 컨텐츠를 페이지에 여러 번 표시 할 수 있습니다. 생생한 은유는 사진에 대한 사진입니다.
이제 iframe 태그 사용에 대해 이야기 해 봅시다.
iframe 태그의 사용 형식은 다음과 같습니다.
<iframe src = url width = x height = x scrolling = [옵션] frameborder = x> </iframe>
SRC : HTML 파일 또는 텍스트, ASP 등의 파일 경로;
너비, 높이 : 그림의 그림 영역의 너비와 높이;
스크롤 : SRC의 지정된 HTML 파일이 지정된 영역에 표시되지 않으면 스크롤 옵션입니다. 아니오로 설정되면 스크롤 막대가 나타나지 않습니다. 자동 인 경우 : 스크롤 막대가 자동으로 나타납니다. 그렇다면 예, 그것은 표시됩니다.
Framborder : 영역 테두리의 너비는 종종 그림의 그림을 인접한 내용과 혼합하기 위해 0으로 설정됩니다.
예를 들어:
<iframe src = http : //netschool.cpcw.com/homepage 너비 = 250 높이 = 200 스크롤 = 없음 프레임 보더 = 0> </iframe>
2. 부모 형태와 부동 프레임 사이의 상호 제어
스크립팅 언어 및 객체 계층 구조에서 iframes를 포함하는 창을 부모 형태라고하는 반면, 플로팅 프레임을 자식 형태라고합니다. 부모 양식 또는 그 반대의 자식에 액세스하려면 프로그램을 통해 양식에 액세스하고 제어하기 위해 객체 계층에 대해 명확해야하기 때문에이 둘 사이의 관계를 이해하는 것이 중요합니다.
1. 부모 형태의 아동 양식의 액세스 및 제어 객체
부모 형식 인 iframe, 즉 아동 양식은 문서 개체의 자식 대상이며, 자식 양식의 개체는 스크립트에서 직접 액세스 할 수 있습니다.
이제 질문이 있습니다. 즉,이 Iframe을 어떻게 제어 할 수 있습니까? 여기서 우리는 iframe 객체에 대해 이야기해야합니다. 이 태그에 ID 속성을 설정 한 후 Document Object Model Dom을 사용하여 iframe에 포함 된 HTML을 제어 할 수 있습니다.
예를 들어, example.htm에 test.htm 파일을 포함시키고 test.htm에서 태그가 지정된 객체를 제어합니다.
<iframe src = test.htm id = 테스트 너비 = 250 높이 = 200 스크롤 = 프레임 보더 없음 = 0> </iframe>
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>
<body onclick = alert (tt.myh1.innerhtml)>
<iframe name = tt src = frame1.htm 너비 = 250 높이 = 200 스크롤 = 없음 프레임 보더 = 0> </iframe>
<h1 id = myh2> 안녕하세요, 아내 </h1>
</body>
</html>
Frame1.htm에서 ID 번호 MyH2로 제목 텍스트에 액세스하고 내 친구로 변경하려면 다음과 같이 쓸 수 있습니다.
여기서, 부모 객체는 현재 형식 (예제 .htm이있는 양식)을 나타냅니다. 자식 양식의 상위 형식의 객체에 액세스해야하며 모든 상위 물체는 예외없이 수행됩니다.
iframe은 다른 HTML 파일에 포함되어 있지만 비교적 독립적이며 독립의 영역입니다. 단일 HTML의 특성은 플로팅 프레임에도 적합합니다.
iframe 태그를 통해 동일한 컨텐츠를 반복 할 필요가 없도록 변경되지 않은 컨텐츠를 IFRames로 표현할 수 있다고 상상해보십시오. 이것은 프로그래밍의 프로세스 나 기능과 비슷하여 많은 지루한 육체 노동을 절약 할 수 있습니다! 또한 레이아웃 조정으로 인해 각 페이지를 수정할 필요가 없으므로 페이지 수정이 더욱 실현 가능합니다. 부모 양식의 레이아웃 만 수정하면됩니다.
주목할만한 점은 NestScape 브라우저가 iframe 태그를 지원하지 않지만 IE의 세계에서는 괜찮은 것 같습니다. iframe 태그를 널리 사용하는데,이 태그는 자체 (웹 사이트)를 고려할뿐만 아니라 네티즌의 온라인 비용을 저장합니다. 왜 그렇게하지 않습니까?
iframe 태그 제작 페이지의 프레임 워크 사용 및이 기사의 끝 사례 사용에 대한 내용. 이 페이지의 URL을 북마크 할 수 있습니다. http://www.vevb.com/web/a/2018090543436.shtml 다음에 쉽게 액세스 할 수 있습니다.