Comment utiliser l'iframe
iframe est un cadre en ligne qui peut intégrer un autre document dans la page HTML actuelle. Généralement, vous pouvez utiliser iframe pour intégrer directement la balise iframe dans la page et spécifier src.
Certaines personnes disent que l'iframe est l'élément qui consomme le plus d'énergie et qu'il doit être utilisé le moins possible. Certaines personnes disent également que la sécurité des iframes est trop mauvaise et que leur utilisation devrait être réduite autant que possible. Même si ce qu’ils disent est vrai, la puissance des iframes ne peut être ignorée, et les entreprises qui l’utilisent ne manquent pas actuellement. La balise
<iframe> spécifie un cadre en ligne. Un cadre en ligne est utilisé pour intégrer un autre document dans le document HTML actuel.
Tous les principaux navigateurs prennent en charge la balise <iframe> Vous pouvez placer le texte d'invite entre <iframe> et , de sorte que les navigateurs qui ne prennent pas en charge <iframe>
Comment utiliser l'iframe ?
Habituellement, nous utilisons iframe pour intégrer directement le src spécifié par la balise iframe sur la page.
Par exemple :
<!-- <iframe> 标签规定一个内联框架 这里写p 标签是为了看align的效果 --> <p style="overflow: hidden;">这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。 <iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no"> <p>你的浏览器不支持iframe标签</p> </iframe> 这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。</p>
Attributs communs de l'iframe :
name : Spécifie le nom de <iframe>.
width : Spécifie la largeur de <iframe>.
hauteur : Spécifie la hauteur de <iframe>.
src : Spécifie l'URL du document affiché dans <iframe>.
frameborder : Spécifie s'il faut afficher la bordure autour de <iframe>. (0 signifie pas de bordure, 1 bit a une bordure).
align : Spécifie comment aligner <iframe> (gauche, droite, haut, milieu, bas).
défilement : Spécifie s'il faut afficher les barres de défilement dans <iframe>. (oui, non, auto)
L'attribut src de l'iframe dans le code ci-dessus est une page html locale
Le code est le suivant :
<body>
<div id="div" style="height: 300px; background: #ddd;">这是一个外部文件里面的内容</div></body><script>
var div = document.getElementById("div");
console.log(div);</script>Oui Les parties interactives sont également écrites dans cette page, et l'iframe sera automatiquement transférée vers la page importée.
Comment récupérer le contenu dans l'iframe ?
var iframe = document.getElementById("myrame"); //获取iframe标签
var iwindow = iframe.contentWindow; //获取iframe的window对象
var idoc = iwindow.document; //获取iframe的document对象
console.log(idoc.documentElement); //获取iframe的html
console.log("body",idoc.body);Cependant, le DOM à l'intérieur ne peut pas être obtenu à partir de l'URL (c'est-à-dire le fichier html importé)
Avantages et inconvénients de l'iframe
Avantages :
Lors du rechargement de la page, vous n'avez pas besoin de recharger la page entière, mais seulement de recharger une page de cadre dans la page (réduire transmission de données, réduire le temps de chargement de la page Web);
La technologie est simple et facile à utiliser, et elle est principalement utilisée pour les pages qui ne nécessitent pas de moteurs de recherche pour rechercher
Il est pratique pour le développement et réduit le taux de duplication du code (comme l'en-tête de la page, le pied de page
Inconvénients :
générera beaucoup de pages) ; , ce qui n'est pas facile à gérer ;
n'est pas facile à imprimer
Plusieurs cadres La page augmentera le service et fera des requêtes HTTP
Le bouton retour du navigateur est ; invalide, etc.;
En raison de nombreuses lacunes, elle n'est pas conforme au concept de conception Web standard et a été abandonnée. La balise HTML5 actuelle n'est plus prise en charge.
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment recadrer un IFrame en HTML ?
Aug 29, 2023 pm 04:33 PM
Les frames en ligne sont appelés iframes en HTML. Une étiquette spécifie une zone rectangulaire dans le contenu où le navigateur peut afficher différents documents avec des barres de défilement et des bordures. Pour intégrer un autre document dans le document HTML actuel, utilisez des cadres en ligne. Une référence à un élément peut être spécifiée à l'aide de l'attribut de nom HTMLiframe. En JavaScript, les références aux éléments sont également faites à l'aide de l'attribut name. Une iframe est essentiellement utilisée pour afficher une page Web dans la page Web actuellement affichée. L'URL du document contenant l'iframe est spécifiée à l'aide de l'attribut "src". Syntaxe Voici la syntaxe du HTML <iframesrc="URL"title="d
Pourquoi l'iframe se charge-t-elle lentement ?
Aug 24, 2023 pm 05:51 PM
Les raisons du chargement lent des iframes incluent principalement le retard du réseau, le long temps de chargement des ressources, l'ordre de chargement, le mécanisme de mise en cache et la politique de sécurité. Introduction détaillée : 1. Délai du réseau Lorsque le navigateur charge une page Web contenant une iframe, il doit envoyer une requête au serveur pour obtenir le contenu de l'iframe. Si le délai du réseau est élevé, le délai d'obtention du contenu sera élevé. augmenter, entraînant un chargement lent de l'iframe. ; 2. Lorsque le temps de chargement de la ressource est long, la taille de la ressource est grande ou le temps de réponse du serveur est long, la vitesse de chargement sera évidemment plus lente 3. Séquence de chargement, etc.
Que signifie l'identifiant de données dans iframe ?
Aug 28, 2023 pm 02:25 PM
Le data-id dans une iframe fait référence à un attribut personnalisé utilisé dans les balises HTML pour stocker l'identifiant d'un élément spécifique. En utilisant l'attribut data-id, vous pouvez ajouter un identifiant unique à l'élément iframe afin qu'il puisse être manipulé et accessible en JavaScript. La dénomination de l'attribut data-id peut être personnalisée en fonction de besoins spécifiques, mais certaines conventions de dénomination sont généralement suivies pour garantir son unicité et sa lisibilité. L'attribut data-id peut également être utilisé pour identifier et manipuler une iframe spécifique.
Microsoft : une erreur Outlook télécharge le fichier 'TokenFactoryIframe' à chaque visite
Apr 19, 2023 am 08:25 AM
Microsoft Outlook télécharge un fichier mystérieux appelé « TokenFactoryIframe » sur macOS lorsque les utilisateurs accèdent au service de messagerie via Safari. Ce problème a désormais été largement signalé par les utilisateurs qui ont découvert les fichiers « TokenFactoryIframe » qu'Outlook télécharge à chaque visite. Outlook télécharge ce mystérieux fichier toutes les quelques secondes ou au moins chaque fois que vous accédez à Outlook sur les plateformes Apple. D'après nos conclusions, cela semble être un problème causé par une mise à jour incorrecte côté serveur publiée sur Outlook et n'a rien à voir avec Safari ou macOS. Microsoft dans une copie
Quelle technologie peut remplacer l'iframe
Aug 24, 2023 pm 01:53 PM
Les technologies qui peuvent remplacer les iframes incluent Ajax, les bibliothèques ou frameworks JavaScript, les technologies de composants Web, le routage frontal et le rendu côté serveur. Introduction détaillée : 1. Ajax est une technologie utilisée pour créer des pages Web dynamiques. Il peut réaliser des mises à jour asynchrones de la page en échangeant des données avec le serveur en arrière-plan sans actualiser la page entière. L'utilisation d'Ajax peut charger et afficher le contenu de manière plus flexible, et il n'est pas nécessaire d'utiliser iframe pour intégrer d'autres pages ; ou un framework , comme React et ainsi de suite.
Quels sont les événements de chargement d'iframe ?
Aug 28, 2023 pm 01:55 PM
Les événements de chargement de l'iframe incluent l'événement onload, l'événement onreadystatechange, l'événement onbeforeunload, l'événement onerror, l'événement onabort, etc. Description détaillée : 1. événement onload, spécifiant le code JavaScript à exécuter après le chargement de l'iframe ; 2. événement onreadystatechange, spécifiant le code JavaScript à exécuter lorsque l'état de l'iframe change, etc.
Que signifie iframe en Python ?
Aug 25, 2023 pm 03:24 PM
iframe en Python est une balise HTML utilisée pour intégrer une autre page Web ou un autre document dans une page Web. En Python, vous pouvez utiliser diverses bibliothèques et frameworks pour traiter et manipuler les iframes, dont la plus couramment utilisée est la bibliothèque BeautifulSoup, qui peut facilement extraire le contenu d'une iframe d'une page Web et le manipuler et le traiter. Savoir comment gérer et manipuler les iframes est extrêmement utile à la fois pour le développement Web et pour le scraping de données.
Quel est le danger dans les iframes
Sep 08, 2023 pm 03:14 PM
Les dangers liés aux iframes incluent principalement : 1. Les vulnérabilités de sécurité peuvent charger d'autres pages Web via des iframes et mener certaines attaques ; 2. Une percée de la politique de même origine en chargeant des pages Web sous d'autres noms de domaine dans des iframes. la politique d'origine peut être violée. Stratégie pour parvenir à une communication inter-domaines, qui peut être attaquée de manière malveillante ; 3. Problèmes d'exécution de code, les pages Web chargées dans les iframes peuvent exécuter du code JS, ce qui peut entraîner des problèmes de sécurité. 4. Problèmes de référencement, moteurs de recherche ; il se peut que vous ne puissiez pas analyser et indexer correctement le contenu chargé via iframe et plus encore.
