Maison > Article > interface Web > Comment utiliser l'attribut iframe
Comment utiliser l'attribut iframe
- 小云云original
- 2017-11-17 09:15:543310parcourir
Lorsque nous apprendrons le HTML au début, nous rencontrerons la valeur d'attribut d'iframe. En fait, iframe est une balise très intéressante. Je vais maintenant en parler avec les étudiants juniors. La fonction de la balise HTML iframe est de créer un cadre en ligne (c'est-à-dire un cadre en ligne) qui contient un autre document. En termes simples, il s'agit d'intégrer une autre page html dans une page html. Cette étiquette est relativement courante et importante dans le travail réel. Par exemple, les iframes sont essentiellement utilisées en arrière-plan de projets Web généraux. Lorsque nous nous connectons à diverses boîtes aux lettres, nous constatons souvent l'effet de cliquer sur le lien de gauche et de passer à la page Web de droite. via iframe.
Tous les navigateurs prennent en charge les balises iframe, il n'y a donc aucun problème de compatibilité.
L'utilisation la plus courante d'iframe est la suivante :
<iframe name="main" width="100%" height="200" frameborder="0" scrolling="no" src="http://www.phpernote.com/"></iframe>
Les paramètres du code ci-dessus doivent être modifiés en fonction de la situation réelle. Voici quelques-uns des attributs les plus courants de. iframe.
name Définit le nom de l'iframe
longdesc Concernant la description de l'iframe, cet attribut ne prend fondamentalement pas en charge les navigateurs grand public actuels, il n'est donc pas nécessaire d'utiliser
border pour définir l'iframe La largeur du bord
bordercolor définit la couleur de la bordure de l'iframe. La valeur peut être une couleur RVB ou un nom de couleur
frameboder définit si la bordure est 3-. dimensionnel (0=non, 1=oui)
hauteur définit la hauteur de l'iframe (valeur de pixel ou pourcentage disponible)
largeur définit la largeur de l'iframe (valeur de pixel ou pourcentage disponible)
marginheight définit le haut et le bas de l'iframe Margin
marginwidth définit les marges gauche et droite de l'iframe
faire défiler s'il y a une barre de défilement (valeurs possibles sont oui, non, auto)
Fichiers spécifiés par src appelés par iframe (peut citer des fichiers tels que : html, htm, gif, jpeg, jpg, png, txt, *.*)
noresize interdit le redimensionnement. Cela ne prend en charge que les navigateurs principaux d'IE
allowtransparency Permet d'autoriser ou non la transparence. IE5.5 commence à prendre en charge la transparence du contenu des frames flottants. Si vous souhaitez définir un contenu transparent pour un cadre flottant, les conditions suivantes doivent être remplies.
1. L'attribut de balise allowTransparency utilisé avec les éléments iframe doit être défini sur true.
2. Dans le document source du contenu iframe, l'attribut de balise bgColor de l'élément background-color ou body doit être défini sur transparent.
Les exemples sont les suivants :
(1) Code de la page du cadre parent
<body bgColor="#eeeeee"> <iframe allowTransparency="true" src="phpernote.html" noresize></iframe>
(2) Code de la page du cadre enfant (c'est-à-dire le code de la page phpernote.html)
<body bgColor="transparent">
3. Spécifiez l'attribut id de l'iframe et obtenez la hauteur et la largeur de la barre de défilement iframe
<iframe id="phpernote" src="www.phpernote.com"></iframe> <script type="text/javascript"> var iframe=document.getElementById('phpernote'); document.write(iframe.scrollHeight);//滚动条高度 document.write(iframe.scrollWidth);//滚动条宽度 </script>
Ce ci-dessus est la description détaillée de l'attribut iframe. .Je vous fournirai également quelques informations.Partagez la méthode de configuration hautement adaptative de l'iframe.Les étudiants dans le besoin peuvent suivre le site Web PHP chinois.
Recommandations associées :
Introduction aux méthodes d'accès mutuel inter-domaines entre iframe et main frame
iframe enfant, page parent intra- Exemple de communication de domaine et interdomaine
Quelles sont les différences entre frame et iframe en html
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!