Comment utiliser l'attribut iframe-tutoriel HTML-php.cn

Comment utiliser l'attribut iframe

小云云

Libérer： 2017-11-17 09:15:54

original

3431 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

(2) Code de la page du cadre enfant (c'est-à-dire le code de la page phpernote.html)

<body bgColor="transparent">

Copier après la connexion

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(&#39;phpernote&#39;);    
document.write(iframe.scrollHeight);//滚动条高度    
document.write(iframe.scrollWidth);//滚动条宽度    
</script>

Copier après la connexion

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!