iframe每个页面加载css js

html-css0103

iframe每个页面加载css js,第1张

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应该可以实现,外联样式同步。