iframe 怎么继承父页面的 css 和 js

iframe继承父窗口样式CSS的方法

在子页面的head之间添加

<script>

windowonload=

function()

{

var linkList=windowparentdocumentgetElementsByTagName("link");//获取父窗口link标签对象列表

var head=documentgetElementsByTagName("head")item(0);

//外联样式

for(var i=0;i<linkListlength;i++)

{

var l=documentcreateElement("link");

lrel = 'stylesheet'

ltype = 'text/css';

lhref=linkList[i]href;

headappendChild(l);

}

}

</script>

这段JS应该可以实现，外联样式同步。

跨域页面是获取不到信息的 但是有一个取巧的办法

就是用documentreferrer 获取上一个页面的url 但是这个办法有个弊端就是如果你iframe里面有a标签之类被点进去就获取不到了 不过影响不大

以上就是关于iframe 怎么继承父页面的 css 和 js全部的内容，包括:iframe 怎么继承父页面的 css 和 js、js/jquery如何获取iframe父页面的地址、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！