Fatal编程技术网
  • html/
  • HTML iFrame能否继承css和javascript数据

HTML iFrame能否继承css和javascript数据

html css

HTML iFrame能否继承css和javascript数据,html,css,Html,Css,我想知道HTML iFrame是否可以从其父级继承CSS数据： Main.html <html> <head> <style> .highlight{ background: #008fcc; } </style> </head> <body> <iframe src='frame.html'></iframe> </body&g

我想知道HTML iFrame是否可以从其父级继承CSS数据：

Main.html

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


.亮点{
背景：#008fcc；
}
frame.html

hello <font class='highlight'>
你好
简短回答：否，
iframe
s通常无法从父页面继承/访问样式/脚本

Long-response:如果
iframe
来自另一个域，则无法更改样式中的任何内容或在其内部执行脚本（您甚至无法通过JavaScript读取其DOM内容）

另一方面，如果它与父页面来自同一个域，则可以通过在父页面中执行类似的操作来更改元素样式或执行脚本（本例使用jQuery，但可以用纯JavaScript编写）：

要执行
iframe
中定义的函数：

$("#iframe_id").contents().document.functionName(functionParams);
希望有帮助

您可以通过iframe上的html5无缝布尔参数来获得这一点

但目前它还没有在任何现代浏览器中完全实现

更简单的解决方案是将所有CSS放在一个单独的文件中，并将其包含在主页和iframed页面中。

不，它们不能。然而，魔术可以发生在没有魔术可以发生在IE。。。只有诅咒。这个参数现在被删除了，到底为什么！？！？！这太疯狂了。对于如此简单的事情，没有理由需要Ajax脚本。这使得制作非js站点变得不可能。 
$("#iframe_id").contents().document.functionName(functionParams);