Les iframes HTML peuvent-ils hériter des données css et javascript?

Je me demandais si le HTML iframes ne pourrait hériter CSS données à partir de leur parent:

Main.html

<html>
  <head>
   <style>
     .highlight{
       background: #008fcc;
      }
   </style>
  </head>
 <body>
   <iframe src='frame.html'></iframe>
 </body>
</html>

frame.html

hello <font class='highlight'>

source d'informationauteur

  1. 11

    Réponse courte: Non, iframes génériquement ne peut pas hériter d'accès/styles/scripts à partir de leur page parent.

    Réponse longue: Vous ne pouvez pas changer quoi que ce soit dans le style ou l'exécution de scripts à l'intérieur d'un iframe si ça vient d'un autre domaine (vous ne pouvez même pas lire son DOM contenu via JavaScript).

    D'autre part, si elle sort du même domaine que votre page parent, vous pouvez modifier les styles d'éléments ou d'exécuter le script, en faisant quelque chose de semblable à cela dans votre page parent (cet exemple utilise jQuery, mais il peut être rédigé dans un langage simple en JavaScript):

    $("#iframe_id").contents().find("#some_div").css({color: "rgb(0, 162, 232)"}); //changed style of a div inside the iframe

    Pour exécuter une fonction définie à l'intérieur de la iframe:

    $("#iframe_id").contents().document.functionName(functionParams);

    Espère que contribué à!

  2. 4

    Vous pouvez obtenir ce avec le html5 transparente paramètre booléen sur l'iframe.

    https://developer.mozilla.org/en-US/docs/HTML/Element/iframe

    Mais actuellement il n'est pas entièrement mis en œuvre dans n'importe quel navigateur moderne.

    La solution la plus simple est de mettre du CSS dans un fichier séparé et comprend par personne à la fois dans la page principale et dans la iframed page.