obtenez de l'iframe titre de la page à partir de javascript à l'aide de jquery

Comment obtenir iframe src titre de la page et définissez principal titre de la page

  • Sont les pages dans le même domaine. Si ce n'est pas cela signifie que vous essayez de faire des Cross Site Scripting. Vous pouvez toujours le faire, mais vous devez définir le Domaine dans la page d'ouverture dans un iframe
InformationsquelleAutor ebattulga | 2009-10-15
  1. 7

    Si vous voulez le faire à l'aide de jQuery:

    var title = $("#frame_id").contents().find("title").html();
$(document).find("title").html(title);

    Vous pouvez le faire seulement lorsque les pages sont sur le même domaine, sinon c'est inutile.

    InformationsquelleAutor Artem Barger
  2. 3

    L'octroi de la iframe src et le document parent src sont dans le même domaine:

    Document Parent:

    <html>
<head><title>Parent</title>
<body>
   <iframe id="f" src="someurl.html"></iframe>
   <script>
       //if the parent should set the title, here it is
       document.title = document.getElementById('f').contentWindow.document.title;
   </script>
</body>
</html>

    someurl.html:

    <html>
<head><title>Child</title>
<body>
  <script>
       //if the child wants to set the parent title, here it is
       parent.document.title = document.title;
       //or top.document.title = document.title;

  </script>
</body> 
</html>
    • iframe.contentWindow.le document renvoie la valeur null dans google Chrome.
    InformationsquelleAutor jerjer
  3. 2

    À moins que la page web est dans l'iframe est du même domaine que la page qui les contient, c'est impossible.

    Si ils ont le même domaine, essayez les solutions suivantes:

    document.title = document.getElementById("iframe").documentElement.title;
    • contentDocument. Sauf dans IE6-7, où vous devez revenir à la non-standard contentWindow.document. documentElement est la racine de la balise html; le title propriété est sur le HTMLDocument lui-même.
    InformationsquelleAutor Marius
  4. 1

    Une façon, vous pouvez partager le titre et l'emplacement: 

    document.write('<iframe src="http://www.yourwebsite.com/home.html?title='+document.title+'&url='+window.location+'" frameborder="0" scrolling="no"></iframe>');

    et puis vous pouvez lire les paramètres de l'home.html page.

    InformationsquelleAutor Ritesh Sanghavi
  5. 1

    Cela peut être fait en utilisant des écouteurs d'événement sur la page. Il n'est pas particulièrement élégant, mais les navigateurs, j'ai essayé avec le soutien de elle (donc IE9+, Firefox, Chrome).

    Dans votre site principal de la page, ajouter le code javascript suivant:

    function setPageTitle(event) {
    var newPageTitle = event.data
    //your code for setting the page title and anything else you're doing
}
addEventListener('message', setPageTitle, false);

    Dans l'iFrame, vous aurez alors besoin d'avoir le script suivant:

    var targetOrigin = "http://your.domain.com"; //needed to let the browser think the message came from your actual domain
parent.postMessage("New page title", targetOrigin); //this will trigger the message listener in the parent window
    • Pour plus de prise en charge du navigateur utiliser: si (fenêtre.la méthode addEventListener) { window.la méthode addEventListener("message", listener); } else { // IE8 fenêtre.attachEvent("onmessage", listener); }
    InformationsquelleAutor gabe3886