iframe自适应内容高度

/**
*上传控件iframe自适应
**/
function iframeautoHeight(obj, frameObj) {
    if (document.all) {
        if (frameObj) {
            obj.height = document.getElementById(frameObj).contentWindow.document.body.scrollHeight;
            obj.width = document.getElementById(frameObj).contentWindow.document.body.scrollWidth;
        } else {
            obj.height = obj.contentWindow.document.body.scrollHeight;
            obj.width = obj.contentWindow.document.body.scrollWidth;
        }
    } else {
        if (frameObj) {
            obj.height = document.getElementById(frameObj).contentWindow.document.body.offsetHeight;
            obj.width = document.getElementById(frameObj).contentWindow.document.body.clientWidth;
        } else {
            obj.height = obj.contentWindow.document.body.offsetHeight;
            obj.width = obj.contentWindow.document.body.clientWidth;
        }
    }
}

时间： 2024-10-04 02:43:17

iframe自适应内容高度的相关文章

jquery库实现iframe自适应内容高度和宽度

javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! ‍<iframe src="index.php" id="mainiframe" name="mainiframe" width="100%"   frameborder="0" scrolling="no" marginwidth="0" margi

UITableViewCell自适应内容高度

UITableViewCell自适应内容高度 (2015-06-25 16:02:31) 其实TableViewCell自适应高度也就是Cell中的label自适应高度,网上有好多label自适应高度的方法,可以百度. 除了上面说的,还有一种比较简单的,其实原理估计都是一样的,只是个人觉得这种更好些而已. 首先我们知道返回cell自适应高度,那么这个高度怎么来,肯定是TableViewDelegate的方法- (CGFloat)tableView:(UITableView *)tableView

完美方案——iOS的WebView自适应内容高度

/////////////////////////////初始化,self.view是父控件///////////////////////////////// _webView = [[UIWebView alloc] initWithFrame: CGRectMake(0, 0, self.view.frame.size.width, 0)]; _webView.delegate = self; _webView.scrollView.bounces = NO; _webView.scroll

[转]iframe自适应宽度高度

<iframe id="iframe" onLoad="AutoFit();" frameborder="0" scrolling="no" src="http://www.cnblogs.com"> </iframe> JQuery代码: function AutoFit() { var ifm = document.getElementById("iframe"

iframe 自适应浏览器高度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

iframe自适应宽度高度

html 1 <iframe src="index.html" id="iframepage" frameborder="0" scrolling="no" onLoad="iFrameHeight()"></iframe> script 1 <script> 2 function iFrameHeight() { 3 var ifm = document.getElem

Swift设置Table View的Cell中Lable自适应内容高度的

@IBOutletweak var myTableView: UITableView! override func viewDidLoad() { super.viewDidLoad() myTableView.estimatedRowHeight = 44.0 myTableView.rowHeight =UITableViewAutomaticDimension } 最后修改在Table Cell中Label的lines属性,将其设置为0.

iframe自适应高度的问题

最近工作中遇到了iframe自适应高度的问题. 如果在iframe中写定高度height的属性,并且iframe中内容高度小于给定的height时,会在手机浏览器中莫名的产生下拉框,造成体验度下降. 但是如果不去设定height的属性,iframe的高度始终维持在150px,这样的话我们只能够通过js动态的去改变iframe的高度,实现iframe的高度自适应. 高度自适应的本质就是通过内容高度,去设定iframe高度. 然而因为iframe中内容的背景色不一定和父级页面的一致,所以我们在内容高

iframe高度自适应内容

JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹.对于用户体验和网站美观起着重要作用. 如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求.当内容是未知或者是变化的时候.这个时候又有几种情况了. iframe内容未知,高度可预测 这个时候,我们可以给它添加一个默认的CSS的min-height值,然后同时使用javascript改变高度.常用的兼容代码有: function setIframeHeight(i