Recherche chaud: testocaps effets secondaires apprendre a dechiffrer les hieroglyphes la prolactine et le furoncle walmart cadre photo numerique 4 po. comment mesurer une compétence comment etre un mignon garcon Crucero C0sta last minute comment repérer un colis
Index Loisirs Santé Technologie

Comment utiliser iframe pour charger le contenu dans un DIV

Publié:2012-10-27Source: général
Advertisement

Comment utiliser iframe pour charger le contenu dans un DIV

Les conteneurs DIV sont des éléments d'une page Web qui est utilisée pour localiser et le contenu de conception. Il est généralement utilisé pour créer le design d'une page Web, mais vous pouvez également charger du contenu dans un récipient de DIV en utilisant une iframe et des biens "innerHTML" JavaScript. Chaque élément HTML, y compris les conteneurs DIV ont une propriété "innerHTML" qui peut être manipulé pour modifier le contenu de l'élément. Si vous voulez charger le contenu à distance dans votre conteneur DIV vous pouvez modifier la propriété "innerHTML» de la DIV avec le contenu d'un iframe.

Niveau de difficulté:

Modérément facile

Instructions

1 Ouvrez votre page Web document dans un éditeur de texte ou HTML. Pour l'ouvrir dans un éditeur de texte pour Windows, cliquez droit sur l'icône du document, puis "Ouvrir avec", sélectionnez "Bloc-notes" ou "WordPad" de la liste des applications et puis cliquez sur "OK".

2 Cliquez pour placer le curseur entre les balises "<BODY>" et "</ body>".

3 Type "<div id = 'frameContainer'> </ div>" et appuyez sur "Entrée" (ou Enter) pour créer la DIV vous souhaitez utiliser pour afficher le contenu.

4 Ecrire "<script type =" text / javascript ">" pour ouvrir une balise de script JavaScript, puis appuyez sur "Entrée".

5 Ecrire "onload = function () {" et appuyez sur "Entrée". Cette ligne de code active le script lorsque la page Web se charge.

6 Type "var el = document.getElementById ('frameContainer')" et appuyez sur "Entrée" pour obtenir la propriété ID de la DIV conteneur.

7 Saisissez la ligne de code suivante et appuyez sur "Entrée" pour changer le "innerHTML" DIV conteneur pour les biens iframe: el.innerHTML = "<iframe src = \" http: //www.example.com \ "> < / iframe> "

8 Change le texte "www.example.com" de l'étape précédente par l'URL de la page Web que vous voulez charger dans le conteneur div.

9 Type "}" et appuyez sur "Entrée" pour fermer les fonctions JavaScript.

10 Write "</ script>" pour fermer la balise de script JavaScript.

11 Cliquez sur le menu "Fichier" puis "Enregistrer".

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking