博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS_同域下的ifream自适应高度和设置注意等
阅读量:6362 次
发布时间:2019-06-23

本文共 876 字,大约阅读时间需要 2 分钟。

 

NO.1: 创建一个无边框的ifream.

  <iframe src="ifream.html" frameborder="0" width="300" height="150"  id="myframe1">

NO.2:设置ifream的背景.

  在ifream.html里面写样式设置body的背景.

NO.3:使ifream的高度自适应.

  在ifream.html内定义一个高度为250的DIV.

    .main{background:#F00;height:200px}

    <div id="main" class="main">1</div>

  自己的页面内JS代码:

function addEvent(id,en,fu){    if(id.addEventListener){        id.addEventListener(en,fu,false);        }else if(id.attachEvent){        id.attachEvent("on"+en, fu);        }    }var if1 = document.getElementById("myframe1");if(if1.Document){    addEvent(if1,"load",function(){        if1.height = if1.Document.documentElement.scrollHeight;        });    }else if(if1.contentDocument){    addEvent(if1,"load",function(){        if1.height = if1.contentDocument.documentElement.scrollHeight;        });    }

转载于:https://www.cnblogs.com/somesayss/archive/2012/08/10/2633114.html

你可能感兴趣的文章
实验五
查看>>
汉字的区码和位码
查看>>
day051 django第二天 django初识\代码
查看>>
flask 第三章 特殊装饰器 CBV Flask-Session WTForms
查看>>
冲刺No.3
查看>>
4月29日晚软考识记点
查看>>
java线程池之newFixedThreadPool定长线程池
查看>>
hashchange 和 pushstate 两种方式做路由的简单实现
查看>>
WPF学习笔记2
查看>>
[高数][高昆轮][高等数学上][第一章-函数与极限]01.映射与极限
查看>>
部署tinyproxy透明代理服务
查看>>
Filter in servlet
查看>>
MD格式示例
查看>>
201521123040《Java程序设计》第3周学习总结
查看>>
201521123040《Java程序设计》第12周学习总结
查看>>
LeeCode(Database)-Combine Two Tables
查看>>
iphone-common-codes-ccteam源代码 CCMail.m
查看>>
获取计算机名
查看>>
wp8.1 Study14 FilePicker简单介绍
查看>>
Eclipse快捷键 之 代码追踪
查看>>