iframe每个页面加载css 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

工具:首先引入JS库

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>

页面中的部分代码:

<button id="onshow">显示/隐藏</botton>

<iframe id="myIframe"></iframe>

隐藏iframe的方法有2种可以参考:

方法1:

//获得需要隐藏的iframe元素对象。

var iframe = document.getElementById('myIframe') 

//设置属性为隐藏。

iframe.style = "display:none"

方法2:

//给按钮绑定点击事件

$(function(){

    $('#onshow').click(function(){

        $('#iframe-box').toggle()//控制是否显示

    })

})

---