iframe每个页面加载css js

html-css016

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

       如上图红色区域所示可以看到,在IE浏览器下会出现这样的多余滚动条。由于这个页面是用iframe标签嵌入的,所以直接用IE的调试工具是无法解析内部的结构的。 处理方案: 方案一:给iframe标签增加css属性,display: block 方案二:在chrome浏览器下打开iframe内部的页面,通过查看调试者工具可以看到iframe内部的结构从图中可以看到html的位置有添加一个overflow:scroll的属性,这个属性会自动为页面添加一个滚动条。因此,去掉该属性之后,问题就得到解决了。

可以通过添加div层的方式,设置z-index属性,就不需要使用iframe调用新页面了。 一个页面就是很多个层组合成的,一开始是display:none;隐藏状态,通过某个事件,使其显示display:block;即可。参数传递也更方便。