Maison > interface Web > tutoriel HTML > Introduction à deux utilisations des balises iFrame dans la production de pages HTML_HTML/Xhtml_Web

Introduction à deux utilisations des balises iFrame dans la production de pages HTML_HTML/Xhtml_Web

WBOY
Libérer: 2016-05-16 16:36:27
original
1155 Les gens l'ont consulté

Il y a un projet sur lequel je travaille actuellement - Butou Favorites. Bref, il s'agit de collecter les images que vous aimez sur la page Butou, qui utilise beaucoup d'aspects de l'iframe. Le résumé est le suivant :
 1. En tant que calque pop-up pour couvrir .

Si vous avez fait ce genre de masque noir qui couvre toute la page, et qu'il arrive que l'utilisateur utilise IE6, et qu'il arrive qu'il y ait un élément select sur la page, vous aurez mal à la tête (le principe va ne sera pas répété ici). Nous constaterons que le pop-up DIV ne peut pas couvrir la sélection, et c'est au tour de notre iframe d'apparaître. La logique est la suivante :

Mettez-le dans une iframe au même niveau que le div pop-up
Assurez-vous que l'index z de l'iframe est plus petit que l'index z du div pop-up
Ajoutez un redimensionnement de fenêtre et faites défiler les événements pour vous assurer que l'iframe peut couvrir toute la page

Une partie du code

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. var iframe = U.isie6() '< ? ;iframe style="position:absolute;left:0;top:0;z-index :2000000;filter:Alpha(opacity=0); width:100%;height:' ds.height '" frameborder="0">iframe>' : ''
  2. $container.append(iframe).appendTo($body);
 2. Cookie d'écriture inter-domaines

Il existe deux domaines a.com et b.com. Sous certaines conditions, certaines fonctions de b apparaîtront sur la page a. Parfois, il est nécessaire d'effectuer certaines opérations sur le cookie du domaine b.com lors de l'exploitation de la page a pour faciliter la prochaine visite de l'utilisateur. Il suffit d'ajouter une iframe (dynamique ou fixe) à la page a, l'attribut src pointe vers une page proxy de la page b, et d'effectuer des opérations de cookies sur cette page.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal