如何控制iframe 内的css

html-css09

如何控制iframe 内的css,第1张

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

项目中需要对iframe引用的网页进行样式修改,使用js的元素查询功能进行操作,如图中希望对iframe中的ul高度进行操作

//通过contentWindow来查询iframe内部元素

如果是id选择器则值选中一个元素,直接可使用,若使用class等选择器选择的为多个元素,即使实际只有一个元素也需要遍历

此操作必须在window.onload = function(){}内进行