6
votes

Lecture de contenu iframe dans la charge iframe

Je veux juste apprendre à lire le contenu de l'iframe dans l'événement Ofload of Iframe et à écrire son contenu à la page principale? Merci ..

javascript html iframe

1 commentaires

Il y a un moyen de le faire, mais c'est Klugey et oblige l'Iframe à rendre une page que vous produisez / avez le contrôle. Le contenu du rendu IFrame est-il contrôlé?

5 Réponses :

2
votes

jQuery("#xiframe").load(function()
{
  var doc = null;
  try{
    doc = this.document || this.contentDocument || this.contentWindow && xiframe.contentWindow.document || null;
  } catch(err) { 
    alert('error: ' + err.description); 
  }

  try {             
   if(!doc) {
     alert('error');
     return false;
   }
  } catch(err) {
    alert('error: ' + err.description); 
    return false;
  }

  alert(String(jQuery(doc.body).html());
}

2 commentaires

Merci mais en fait, le principal problème est de déterminer la charge de la page complète pour obtenir le contenu et écrire dans le contenu de la page principale.

Contenu " ... ... " ou " ... "?

0
votes

Document parent (la page sur laquelle l'IFrame est affichée)
Document enfant (la page affichée à l'intérieur de l'iframe)
Si ces deux documents sont dans le même domaine, vous pouvez utiliser l'objet Window.parent.document dans le gestionnaire d'événements sur le document du document enfant pour accéder au document parent.

0 commentaires

7
votes

J'ai eu du mal à la même journée la plus écoulée. Il semble que vous accédez à l'iframe. Si vous utilisez document.getelementByID () code> Vous obtenez un objet iframe, qui n'a pas de Overload code> événement. Toutefois, si vous accédez à travers window.frames [] code> tableau, par exemple xxx pré>

Vous obtenez un objet de fenêtre, qui dispose d'un événement surcharger. P> (c.-à-d. Utilise l'attribut ID de trame, mais FF utilise l'attribut de nom. Alors utilisez les deux et faites les mêmes) em> p>

Vous pouvez ensuite attribuer P>

iframeWindow.onload=function(){iframeContent=iframeWindow.document.body.innerHTML;};

2 commentaires

Je l'ai fait mais ça n'a pas marché pour moi. Pourriez-vous s'il vous plaît envoyez-moi votre exemple si cela ne vous dérange pas. Merci.

Fonction Redisplay () {var Content = top.frames ['Fetch']. Document.body.innerhtml; top.frames ["Affichage"]. Document.body.innerhtml = Contenu; } </ iframe> <P> </ p> <iframe src = "page-in-même domaine" id = "fetch" nom = "fetch" style = "largeur: 600px; hauteur: 500px;" Onload = "redisplay ();"> </ iframe> </ corps> </p> <hr> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <pre>document.getElementById('iframeID').contentWindow.onload = function(){ top.document.innerHTML = this.document.innerHTML; } </pre> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 11<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Vous pouvez utiliser cette fonction jQuery dans la page parent et prend également en charge de nombreuses autres fonctions pour ajouter et supprimer des trucs: <pré> xxx </ pré> <p> dans le code ci-dessus: <code> #idofelement </ code> est L'élément de la page HTML dans iframe dont vous souhaitez définir la valeur que vous souhaitez définir. J'espère que cela vous aide .. </ p> </ p> </div> <hr>  <div class="pl-5"> <small class="text-muted">1 commentaires</small> <div class="comments mt-3"> <p class="answer-comment"> Bonne réponse. Je ne savais pas que JQuery a une telle fonction <code> contenu () </ code> et il semble vraiment utile, en particulier avec des iframes. </p> <hr> </div> </div> </div> </div> <hr> </div> <div class="col-lg-3 col-md-12 col-12 col-sm-12" > <div class="related"> <iframe src="https://rcm-eu.amazon-adsystem.com/e/cm?o=8&p=12&l=ez&f=ifr&linkID=b777da379e25dfc65f34887292b82918&t=birdy0c-21&tracking_id=birdy0c-21" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0">

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"

Interaction profonde avec break and catch

Utilisation de node.js comment renommer tous les fichiers d'un dossier

Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO