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
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=0i<linkList.lengthi++)
{
var l=document.createElement("link")
l.rel = 'stylesheet'
l.type = 'text/css'
l.href=linkList[i].href
head.appendChild(l)
}
}
</script>
这段JS应该可以实现,外联样式同步。