Home  >  Article  >  Web Front-end  >  Two usage introductions to iFrame tags in HTML

Two usage introductions to iFrame tags in HTML

大家讲道理
大家讲道理Original
2016-11-07 17:37:211371browse

There is a project in your recent work - favorites. In short, it is to collect the pictures you like on the Butou page, which uses a lot of aspects about iframe. The summary is as follows:
 1. As a pop-up layer to cover the bottom

If you have ever done that kind of black mask to cover the entire If there is a page, and it happens that the user is using IE6, and it happens that there is a select element on the page, it will cause a headache (the principle will not be repeated here). We will find that the pop-up DIV cannot cover the selection, and it is our iframe's turn to appear. The logic is as follows:

Put it into an iframe at the same level as the pop-up div
Make sure the z-index of the iframe is smaller than the z-index of the pop-up div
Add window resize and scroll events to ensure that the iframe can cover the entire page

Part of the code

XML /HTML Code Copy the content to the clipboard

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. Cross-domain writing cookie

  There are two domains a.com and b.com. Under certain conditions, some functions of b will appear on page a. Sometimes it is necessary to perform some operations on the cookie of b.com domain when operating page a to facilitate the user's next visit. We only need to add an iframe (dynamic or fixed) to page a, the src attribute points to a proxy page of page b, and perform cookie operations on this page.


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn