집 >웹 프론트엔드 >HTML 튜토리얼 >HTML에서 iFrame 태그는 어떤 용도로 사용되나요?

HTML에서 iFrame 태그는 어떤 용도로 사용되나요?

php中世界最好的语言원래의: 2018-01-25 11:23:401789검색

이번에는 HTML에서 iFrame 태그를 사용하는 방법과 HTML에서 iFrame 태그를 사용할 때 노트를 사용하는 방법에 대해 설명하겠습니다.

현재 진행 중인 프로젝트가 있습니다 - Butou Favorites입니다. 간단히 말해서, iframe의 많은 측면을 활용하는 Butou 페이지에 좋아하는 사진을 추가하는 것입니다. 요약은 다음과 같습니다.
　1. 팝업 레이어로 사용하여 하단 덮개를 배치합니다

그런 검은색 마스크 커버를 해본 적이 있다면 페이지 전체를 라이브로 하고, 사용자가 IE6을 사용하는 경우가 발생하고, 페이지에 선택 요소가 있는 경우에는 머리가 아프게 됩니다(원칙은 다음과 같습니다). 여기서는 반복하지 마세요). 팝업 DIV가 선택 항목을 덮을 수 없으며 이제 iframe이 나타날 차례입니다. 논리는 다음과 같습니다.

팝업 p와 동일한 수준의 iframe에 넣습니다.
iframe의 z-index가 탄력적 레이어 p z-index
보다 작은지 확인하세요. 창 크기 조정 및 이벤트 를 스크롤하여 iframe이 전체 페이지를 덮을 수 있도록

코드

var iframe = U.isie6() ? &#39;<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:&#39; + ds.height + &#39;" frameborder="0"></iframe>&#39; : &#39;&#39;;   
$container.append(iframe).appendTo($body);

　 2. 도메인 간 쓰기 쿠키

두 개의 도메인 a.com과 b.com이 있습니다. 특정 조건에서는 b의 일부 기능이 페이지 a에 나타납니다. a 페이지를 운영할 때 사용자의 다음 방문을 용이하게 하기 위해 b.com 도메인의 쿠키에 대해 일부 작업을 수행해야 하는 경우가 있습니다. 페이지 a에 iframe(동적 또는 고정)을 추가하기만 하면 됩니다. src 속성은 b의 프록시 페이지를 가리키고 이 페이지에서 쿠키 작업을 수행합니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!