文档章节

在Iframe子页面中使用$(window).height()获取窗口高度为0

别俊
 别俊
发布于 2017/07/19 13:51
字数 203
阅读 194
收藏 0

我有一个这样的页面:

<div class="body">
   <div class="main">
      <iframe frameborder=0 src="xxx.html" style="height:100%"></iframe>
   </div>
</div>

其中嵌套了一个子页面 xxx.html,子页面的高度是按照iframe样式height:100%来撑开的,但在使用$(window).height() 方法时发现高度为0。

原因分析:

可能是嵌套的页面还未加载完,页面中的代码就开始执行了。

解决办法:

等待当前子页面彻底加载完成后再执行代码。在xxx.html页面中加入如下代码:

// 判断是否在Iframe里
if (window.frameElement && window.frameElement.tagName == "IFRAME") {
    // 等待当前子页面加载完成后再执行
    $(window.frameElement).load(function(){
       alert($(window).height());
    }
}else{
    alert($(window).height());
}

这样就可以获取到正常的窗口高度啦~

© 著作权归作者所有

别俊
粉丝 7
博文 13
码字总数 2949
作品 0
荆州
个人站长
私信 提问
jQuery子窗体如何取得父窗体的元素&两种查询元素的方式的区别

方式1: $("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementById("父窗口元素ID"); 取父窗口的元素方法:$(selector, window.parent.docum......

follitude
2015/12/09
124
0
jquery获取父窗口的元素

jquery获取父窗口的元素 取父窗口的元素方法:$(selector, window.parent.document);取父窗口的元素方法:$(selector, parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector,...

壹峰
2016/12/06
0
0
jquery、js调用iframe父窗口与子窗口元素的方法

$("iframe").contents().find("body").append("I'm in an iframe!"); $(window.frames["iframe1"].document).find("input[@type='text']").attr("size","30px"); $("#iframe1").contents().f......

zh119893
2014/05/18
1K
0
使用JavaScript下进行iframe的DOM操作(考虑浏览器兼容性)

今天碰到一个浏览器兼容性的问题,是IE和Firefox下iframe DOM操作的差异。本文借IE和Firefox在iframe DOM操作的不同,进行分析说明JavaScript在DOM操作中两者的不同。 IE和Firefox对iframe ...

嗯哼9925
2018/01/07
0
0
好程序员web前端分享高度自适应

好程序员web前端分享高度自适应 一、宽高自适应 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。 它能够使网页显示更灵活,可...

好程序员IT
05/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何使用 rsync 备份 Linux 系统的一些介绍

备份一直是 Linux 世界的热门话题。回到 2017,David Both 为 Opensource.com 的读者在使用 rsync 备份 Linux 系统方面提了一些建议,在这年的更早时候,他发起了一项问卷调查询问大家,在 ...

Linux就该这么学
19分钟前
1
0
以太坊私有链搭建

https://blog.csdn.net/Blockchain_lemon/article/details/80589123

Moks角木
56分钟前
3
0
自律给我自信-为什么要自律

为什么要自律 混一天和努力一天 看不到任何差别 3天看不到任何变化 7天也看不到任何效果 但是 1个月后, 会看到话题不同 3个月后, 会看到气场不同 6个月后, 会看到距离不同 3年后, 会看到...

周大壮
56分钟前
4
0
读书replay计划说明

突然脑袋一闪,我有了这样一个主意:通过写博客的方式,将我阅读的书中的内容replay出来。 我一般会找着我感兴趣的书去读,一般也会读书中我感兴趣的章节,或者当下对我有用的章节,所以这个...

wanxiangming
58分钟前
1
0
CentOS7安装xrdp环境可实现远程桌面访问

CentOS7安装xrdp环境可实现远程桌面访问 2018-07-14 06:39:28 分类:运维 阅读(2051) 评论(0) 在"Ubuntu系统安装xrdp桌面客户端及实现远程连接桌面"文章中有分享过在Ubuntu系统中安装XRDP环境...

linjin200
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部