Quelles sont les manières d'écrire une iframe ?

Les méthodes d'écriture Iframe incluent la méthode d'écriture Iframe de base, la méthode d'écriture Iframe imbriquée, la méthode d'écriture Iframe adaptative en largeur et en hauteur, la méthode d'écriture Iframe avec styles et attributs, la méthode d'écriture Iframe en ligne et l'utilisation de JavaScript pour créer dynamiquement une méthode d'écriture Iframe. Chaque méthode d'écriture a ses propres caractéristiques et scénarios applicables. Selon les besoins réels, choisir la méthode d'écriture appropriée peut obtenir les fonctions et les effets requis.

Iframe est un élément HTML utilisé pour intégrer d'autres pages Web ou documents dans une page Web. Iframe propose une variété de méthodes d'écriture et vous pouvez choisir la méthode appropriée en fonction de vos besoins. Voici plusieurs méthodes d'écriture Iframe courantes :

1. Méthode d'écriture Iframe de base :

<iframe src="URL" width="width" height=" height ">iframe>

Parmi eux, l'attribut src est utilisé pour spécifier l'URL de la page Web ou du document intégré, et les attributs width et height sont utilisés pour spécifier la largeur et la hauteur de l'Iframe respectivement.

2. Méthode d'écriture Iframe imbriquée :

<iframe src="URL1" width="width1" height="height1"> <iframe src="URL2" width="width2" height="height2">iframe & gt; iframe>

Cette méthode d'écriture peut imbriquer plusieurs Iframes pour obtenir un effet d'imbrication multicouche. L’Iframe interne sera affiché dans l’Iframe externe.

3. Méthode d'écriture Iframe avec largeur et hauteur adaptatives :

<style>  .responsive-iframe {    position : relative ;    rembourrage-fond : 56,25 % ;    hauteur : 0 ;    overflow : caché ;  }  .responsive-iframe iframe {    position : absolue ;    haut : 0 ;    gauche : 0 ;    largeur : 100 % ;    hauteur : 100% ;  }style><div class="responsive-iframe"> <iframe src="URL" frameborder="0" allowfullscreen>iframe> div >

Cette méthode d'écriture utilise CSS pour obtenir l'effet de largeur et de hauteur adaptatives. L'Iframe ajustera automatiquement la hauteur en fonction de la largeur du conteneur, en gardant la proportion inchangée.

4. Comment écrire un Iframe avec des styles et des attributs :

<iframe src="URL" width="width" height="height" frameborder="0" sc roulant=" auto " allowfullscreen>iframe>

Cette façon d'écrire peut contrôler les bordures, les barres de défilement, l'affichage plein écran et d'autres comportements de l'Iframe en définissant des attributs tels que la bordure du cadre, le défilement et autoriser le plein écran.

5. Méthode d'écriture Iframe en ligne :

<iframe srcdoc="

Bonjour tout le monde !

< ;/html>" width="width" height="height">iframe>

Cette méthode d'écriture permet d'intégrer du code HTML directement dans l'Iframe , au lieu de spécifier l'URL externe via l'attribut src. Le contenu HTML peut être écrit dans l'attribut srcdoc pour obtenir l'effet en ligne.

6. Utilisez JavaScript pour créer dynamiquement une méthode d'écriture Iframe :

<script> var iframe = document.createElement('iframe'); iframe.src = 'URL'; iframe.width = 'largeur'; iframe.height = 'height'; document.body.appendChild(iframe);script>

Cette méthode d'écriture utilise JavaScript pour créer dynamiquement des éléments Iframe . Et définissez les propriétés telles que src, width et height, puis ajoutez l'Iframe au document.

Ci-dessus sont plusieurs méthodes d'écriture Iframe courantes. Chaque méthode d'écriture a ses propres caractéristiques et scénarios applicables. Selon les besoins réels, choisir la méthode d'écriture appropriée peut obtenir les fonctions et les effets requis.

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!