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

Posted 2023-05-09

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应该可以实现，外联样式同步。 参考技术A 　　您好，我来为您解答：
　　楼主请你搞清楚，iframe就是一个单独的网页窗口，你要什么js和css都要自己搞进去才会有，即便能实现继承父页面的，那么资源占用也超大。
　　如果真的要继承，AJAX或者PJAX是你的选择！
　　如果我的回答没能帮助您，请继续追问。本回答被提问者和网友采纳

iframe每个页面加载css js

参考技术A

iframe每个页面加载css js如下：

1、动态加载js，css文件(用原生js和jquery) iframe结构： frame0(父) frame

2（子） frame

3（子） frame2中触发事件，动态的向frame3中 加载js、css文件和 dom元素？ *同级之间可以调用。

可以 通过 子-父-子 的方式调用同级 parent.parentFram(“这个方法在调用其他子farme”); 1.jquery的append() 代码如下: 速度快，同步（需要引入jquery） var oBody = document.getElementById(“frame3_id”).contentWindow.$(“body”); va