Some tips for using iFrame

This time I will bring you some tips on using iFrame. What are the precautions when using iFrame? Here are practical cases, let’s take a look.

There is a project I am currently working on - Butou Favorites. In short, it is to collect your favorite pictures to the Butou page, which uses a lot of aspects about iframe. The summary is as follows:
1. As a pop-up layer to cover
If you do If you use that kind of black mask to cover the entire 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
Ensure that the z-index of the iframe is smaller than the z-index of the elastic layer div
Add window resize and scrollevent, ensure that the iframe can cover the entire page

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 b, and perform cookie operations on this page.

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to the php Chinese website Other related articles!

Related reading:

How to set input to read-only effect through disabled and readonly

html tags How to use this

The above is the detailed content of Some tips for using iFrame. For more information, please follow other related articles on the PHP Chinese website!