热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

开发小技巧:jQuery处理自适应内容高度的iframe

之前我们发表过另一篇开发小技巧的文章:开发小技巧:超简单的回到顶端按钮实现,喜欢的朋友可以点击来看。前端开发中,我们往往需要处理iframe,可能有的时候希望iframe根据内容自适应高度以便不出现令人烦心...SyntaxHighlighter.all();

之前我们发表过另一篇开发小技巧的文章 :开发小技巧:超简单的“回到顶端”按钮实现,喜欢的朋友可以点击来看。

前端开发中,我们往往需要处理iframe,可能有的时候希望iframe根据内容自适应高度以便不出现令人烦心的滚动条,下面这段代码可以帮助你实现类似功能。

$(document).ready(function()
 {
  // Set specific variable to represent all iframe tags.
  var iFrames = document.getElementsByTagName('iframe');

  // Resize heights.
  function iResize()
  {
   // Iterate through all iframes in the page.
   for (var i = 0, j = iFrames.length; i    {
    // Set inline style to equal the body height of the iframed content.
    iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';
......


推荐阅读
author-avatar
mobiledu2502924121
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有