HTML의 iFrame 태그에 대한 두 가지 사용법 소개

프로젝트에 최근 작품이 있습니다 - 즐겨찾기. 한마디로 iframe의 측면을 많이 활용하는 Butou 페이지에서 마음에 드는 사진을 모아두는 것입니다.
　1. 팝업 레이어로 커버하는

경우 검은 마스크가 페이지 전체를 덮고 있는데, 사용자가 IE6을 사용하고 있는데, 페이지에 선택 요소가 있어서 골치가 아픈 일이 발생하는 경우가 있습니다. (원칙은 여기에서 반복하지 않습니다.) . 팝업 DIV가 선택 항목을 덮을 수 없으며 이제 iframe이 나타날 차례입니다. 논리는 다음과 같습니다.

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

코드의 일부

XML/HTML 코드 내용을 클립보드에 복사

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의 프록시 페이지를 가리키고 이 페이지에서 쿠키 작업을 수행합니다.