手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >自适应高度框架 ----属个人收藏内容
自适应高度框架 ----属个人收藏内容
摘要:main.htm:iframe自适应加载的页面高度child.htm:iframe自适应其加载的网页(多浏览器兼容)iframe自适应其加载...

main.htm:

<html>

<head>

<metahttp-equiv='Content-Type'content='text/html;charset=gb2312'/>

<metaname='author'content='F.R.Huang(meizz梅花雪)//www.meizz.com'/>

<title>iframe自适应加载的页面高度</title>

</head>

<body>

<div><iframesrc="child.htm"></iframe></div>

</body>

</html>

child.htm:

<html>

<head>

<metahttp-equiv='Content-Type'content='text/html;charset=gb2312'/>

<metaname='author'content='F.R.Huang(meizz梅花雪)//www.meizz.com'/>

<title>iframe自适应其加载的网页(多浏览器兼容)</title>

<scripttype="text/javascript">

<>

</script>

</head>

<body>

<tableborder="1"width="200"style="height:400px;background-color:yellow">

<tr>

<td>iframe自适应其加载的网页(多浏览器兼容,支持XHTML)</td>

</tr>

</table>

</body>

</html>

======================================

iframe标签的高度怎么样才能自适应src的页面?

例如:<iframeid=box2name="cok"src="agree.htm"width="100%"scrolling="no"frameborder="0"marginwidth="0"marginheight="0"></iframe>

这个iframe的高度怎么能自适应agree.htm的高度600?

不要告诉我设为height=600,因为这个iframe要应用几个高度不同的页面!

谢谢,找到了

<script>

functionautoResize()

{

try

{

document.all["test"].style.height=test.document.body.scrollHeight

}

catch(e){}

}

</script>

<iframeid=teststyle="height:expression(1);aho:expression(autoResize())"src=""></iframe>

【自适应高度框架 ----属个人收藏内容】相关文章:

浅谈angularJS 作用域

jquery表单对象属性过滤选择器用法

js脚本学习 比较实用的基础

JQuery中DOM事件绑定用法详解

实现placeholder效果的方案汇总

关于JavaScript作用域你想知道的一切

谈一谈javascript闭包

关于IFRAME 自适应高度的研究

javascript原型模式用法实例详解

JQuery插件ajaxfileupload.js异步上传文件实例

上一篇: Opacity.js
精品推荐
分类导航