怎么在iframe中调用主窗口中的css样式文件?

html-css021

怎么在iframe中调用主窗口中的css样式文件?,第1张

主窗口代码:

<script>

function fu(){

//这里写主窗口换肤代码

myFrame.window.huanfu() //调用执行子窗口的换肤js功能

}

</script>

<iframe src="2.html" name="myFrame" width="500" height="300"></iframe>

子窗口也就是上面的2.html中加上:

<script>

function huanfu(){

//这里写子窗口换肤代码

}

</script>

1、iframe里的也是一个独立的网页,只有它自己的css或它引用的css才对它有效。

当然你可以在父页面用js来控制。

2、使用css可以设置百分比,如width:100%;

IFRAME 里面的内容是在IFRAME 页面中的,可以使用js精确设置。

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