iframe通过js实现自适应高度
来源:互联网 发布:js代码优化 编辑:程序博客网 时间:2024/06/05 07:46
js代码如下:
代码
//iframe高度自适应
function IFrameReSize(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { //ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
pTar.height = pTar.contentDocument.body.offsetHeight;
} //ie
else if (pTar.Document && pTar.Document.body.scrollHeight) {
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
//iframe宽度自适应
function IFrameReSizeWidth(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { //ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {
pTar.width = pTar.contentDocument.body.offsetWidth;
} //ie
else if (pTar.Document && pTar.Document.body.scrollWidth) {
pTar.width = pTar.Document.body.scrollWidth;
}
}
}
使用方法如下:
<iframe src="Main.htm" scrolling="no" frameborder="0" height="100%" id="mainFrame" width="100%" onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'></iframe>
代码
//iframe高度自适应
function IFrameReSize(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { //ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
pTar.height = pTar.contentDocument.body.offsetHeight;
} //ie
else if (pTar.Document && pTar.Document.body.scrollHeight) {
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
//iframe宽度自适应
function IFrameReSizeWidth(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { //ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {
pTar.width = pTar.contentDocument.body.offsetWidth;
} //ie
else if (pTar.Document && pTar.Document.body.scrollWidth) {
pTar.width = pTar.Document.body.scrollWidth;
}
}
}
使用方法如下:
<iframe src="Main.htm" scrolling="no" frameborder="0" height="100%" id="mainFrame" width="100%" onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'></iframe>
0 0
- iframe通过js实现自适应高度
- 通过jq实现iframe自适应高度
- 非js实现iframe高度自适应实现
- js脚本实现iframe框架自适应高度
- js实现页面iframe高度自适应
- iframe 自适应高度js
- js iframe自适应高度
- JS iframe高度自适应
- iframe 自适应高度js
- iframe js自适应高度
- 实现iFrame自适应高度
- 实现iFrame自适应高度
- 实现iFrame自适应高度
- 实现iFrame自适应高度
- iframe实现自适应高度
- 实现iframe 高度自适应
- iframe高度自适应js脚本
- iframe自适应页面高度js
- 阿里巴巴的硬件攻略:YunOS要做成生态的一部分
- [Go]Go语言之父谈Go:大道至简
- HTTP代理协议
- Oracle中rownum在结果集中排序的使用
- Ubuntu下使用tasksel架建LAMP
- iframe通过js实现自适应高度
- android 点九图的使用
- 苹果争夺流媒体市场:Beats音乐或降至半价
- PAT (Basic Level) Practise (中文)1017. A除以B (20)
- 第八周项目六之本月有几天
- NFS导致的IO负载过大的问题
- 提取字符串中的数字
- java--去银行
- weixinbridgejs