利用JS控制frame高度动态自适应实例页面

添加时间:11-06-12 所属分类:HTML网页,JS语言与代码
  转载自http://www.zhangxinxu.com/study/201012/iframe-height-auto.html#height=117

HTML代码:
[code]<iframe id="testIframe" frameborder="0" scrolling="no" src="http://www.zhangxinxu.com/study/201012/iframe-page-no-fresh.html" width="100%" height="120"></iframe>[/code]

JS代码:

[code]<script>
//高度自适应
var iframe = document.getElementById("testIframe");
var iframeHeight = function() {
var hash = window.location.hash.slice(1), h;
if (hash && /height=/.test(hash)) {
h = hash.replace("height=", "");
iframe.height = h;
}
setTimeout(iframeHeight, 200);
};
iframeHeight();
</script>[/code]
放在同一HTML页面即可。

前篇:Ajax内部交流文档 后篇:济南世纪佳园大风车幼儿园15名幼儿疑遭体罚
发表我的评论


推荐文章   中国这群80后在深山造核武 每年有超220...   收藏!被猫狗咬伤,可去济南这81家门诊...   5月3日是济南惨案90周年 一座城市收集记...   【工匠之路】济南有位传奇哥 手活儿误差...   五一去这些景区玩统统不要钱!太合适了...
随机文章   css教程PDF格式书籍   HTML5定稿一周年 你必须要重新认识HTML...   JS 判断PC端跳转的代码   支付宝在线捐赠或即时转账实现   让老版本IE支持HTML5
广告

其他推荐

因为本站所有内容均转载自其它媒体,本意为公众提供免费服务,但并不代表本网赞同其观点,也不能对其真实性验证负责,如稿件版权单位或个人不想在本网发布,请与我联系,本人会立即将其撤除,谢谢.联系方式:atseashawk@163.com QQ:99289555