iframe 怎么继承父页面的 css 和 js
展开全部
iframe继承父窗口样式CSS的方法
在子页面的head之间添加
<script>
window.onload=
function()
{
var linkList=window.parent.document.getElementsByTagName("link");//获取父窗口link标签对象列表
var head=document.getElementsByTagName("head").item(0);
//外联样式
for(var i=0;i<linkList.length;i++)
{
var l=document.createElement("link");
l.rel = 'stylesheet'
l.type = 'text/css';
l.href=linkList[i].href;
head.appendChild(l);
}
}
</script>
这段JS应该可以实现,外联样式同步。
在子页面的head之间添加
<script>
window.onload=
function()
{
var linkList=window.parent.document.getElementsByTagName("link");//获取父窗口link标签对象列表
var head=document.getElementsByTagName("head").item(0);
//外联样式
for(var i=0;i<linkList.length;i++)
{
var l=document.createElement("link");
l.rel = 'stylesheet'
l.type = 'text/css';
l.href=linkList[i].href;
head.appendChild(l);
}
}
</script>
这段JS应该可以实现,外联样式同步。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询