ensemble innerHTML d'un iframe
En javascript, comment puis-je régler le innerHTML d'un iframe? Je veux dire: comment faire pour configurer, pas obtenez de l'.
window["ifrm_name"].document.innerHTML= "<h1>Hi</h1>"
ne fonctionne pas, et de même pour d'autres solutions.
Iframe et le document parent sont sur le même domaine.
J'aurais besoin de définir html de l'ensemble du document iframe, pas son corps.
J'aurais besoin pour éviter de jquery solution.
- Je pense que c'est possible dans certains navigateurs, mais pas dans d'autres. Ceux qui auriez-vous besoin de soutien? Pourquoi ne pas utiliser un simple
div
à la place? - il n'est ni ce qu'il veut, je pense, il veut mettre le document complet
- si j'ai à choisir, je souhaite qu'il fonctionne dans Firefox. J'ai besoin d'une iframe parce que j'ai de "simuler" une vraie page avec un script et css des liens externes dans sa tête. @infoSetu: avez-vous vu le lien dans le texte de ma question? J'ai besoin de configurer, de ne pas obtenir; et j'ai besoin de définir une propriété du document, et non pas de l'un de ses éléments.
- nope, il a besoin de définir l'ensemble du document, non seulement le corps.
- En admettant que le corps pourrait être suffisant, la solution qui est parfait? Qui un dans la page que vous (et moi avant vous) lié est parfait? Et il est parfait pour obtenir ou également définir?
Vous devez vous connecter pour publier un commentaire.
Vraiment un exemple simple ...
puis le code Javascript suivant est exécuté, soit en direct, en partie, d'un événement, etc ...
la "contentDocument" est l'équivalent de "document", vous obtenez dans la fenêtre principale, de sorte que vous pouvez faire des appels à l'encontre de cette fonction pour définir le corps, la tête, tous les éléments à l'intérieur ... etc.
J'ai uniquement testé avec IE8, Chrome et Firefox ... de sorte que vous pouvez tester dans IE6/7, si vous avez des exemplaires sont disponibles.
Dans Firefox et Chrome (je ne sais pas à propos de l'Opéra), vous pouvez utiliser le data: URI régime.
JSFiddle exemple
Ici est un outil pour générer des données:URI de données codées.
Cela ne fonctionne pas sous IE:
Cependant, si comme tu le dis dans le commentaire, obtenir/de fixer le corps du document est assez, vous êtes beaucoup plus facile d'utiliser un des sites exemples.
Dans l'amélioration de mes uploads de fichier dans un AJAXS env j'ai eu le même besoin. Cela a fonctionné pour moi dans ie8 et ff 22.0. Le corps innerhtml et div innerhtml travail.
l'ai eu à partir w3
Il y a aussi le
srcdoc
attribut:Démo, Polyfill.