jQuery 计算iframe 窗口大小的方法

 更新时间:2014年05月13日 09:20:27   作者:  
这篇文章主要介绍了jQuery如何计算iframe窗口大小,需要的朋友可以参考下
复制代码 代码如下:

<iframe id="aaax" src="" scrolling="no" frameborder="0" style="display:none"></iframe>

<script language="javascript" type="text/javascript">
$(function () {
var $main = $("#main").height();
var $searchPanel = $("#searchPanel").height();
var $listArea = $("#listArea").height();
$("#aaax").height($(window).height() - $main - $searchPanel - $listArea + 180);
var $aaax = $("#aaax").height();

if ($aaax < 282) { $("#aaax").height(300); }
else { $("#aaax").height($(window).height() - $main - $searchPanel - $listArea + 180); }

var $chartArea = $("#chartArea").width();
var $chartAreaLeft = $(".chartAreaLeft").width();
$("#aaax").width($chartArea - $chartAreaLeft - 10);
var $aaaxWidth = $("#aaax").width();

if ($aaaxWidth < 597) { $("#aaax").width(500); }
else { $("#aaax").width($chartArea - $chartAreaLeft - 10); }
});
</script>

相关文章

  • JQuery的常用选择器、过滤器、方法全面介绍

    JQuery的常用选择器、过滤器、方法全面介绍

    下面小编就为大家带来一篇JQuery的常用选择器、过滤器、方法全面介绍。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jQuery+PHP实现可编辑表格字段内容并实时保存

    jQuery+PHP实现可编辑表格字段内容并实时保存

    在本例中,我们会通过jQuery实现单击将一个文本信息变为可编辑的表单,你可以对文本内容进行编辑,然后点击“确定”按钮,新的内容将发送到后台PHP程序处理,并保存到数据库;当点击“取消”按钮,则页面恢复到初始状态,需要的朋友可以参考下
    2015-10-10
  • JQuery 学习笔记 选择器之五

    JQuery 学习笔记 选择器之五

    测试代码如下,本例子中设置的着色比较多,哈,都是随便输些数字进去的,感觉这样更容易让大家看到效果,呵,如果我的讲的有哪不好麻烦大家多留言教导下^^
    2009-07-07
  • jQuery控制的不同方向的滑动(向左、向右滑动等)

    jQuery控制的不同方向的滑动(向左、向右滑动等)

    这篇文章主要介绍了jQuery控制的不同方向的滑动(向左、向右滑动等),需要的朋友可以参考下
    2014-07-07
  • jquery css实现邮箱自动补全

    jquery css实现邮箱自动补全

    这篇文章主要为大家详细介绍了jquery css实现邮箱自动补全功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • jQuery实现瀑布流布局详解(PC和移动端)

    jQuery实现瀑布流布局详解(PC和移动端)

    这篇文章非常全面的介绍了在PC和移动端上jQuery实现瀑布流布局的详细过程,文中示例代码介绍的非常详细,具有一定的参考价值,对瀑布流布局感兴趣的小伙伴们可以参考一下
    2015-10-10
  • jQuery中clearQueue()方法用法实例

    jQuery中clearQueue()方法用法实例

    这篇文章主要介绍了jQuery中clearQueue()方法用法,实例分析了clearQueue()方法的功能、定义及进行清空队列操作的技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery实现简单的网页换肤效果示例

    jQuery实现简单的网页换肤效果示例

    这篇文章主要介绍了jQuery实现简单的网页换肤效果,涉及jQuery事件响应及页面元素属性动态变换操作技巧,需要的朋友可以参考下
    2016-09-09
  • jQuery Validation Engine验证控件调用外部函数验证的方法

    jQuery Validation Engine验证控件调用外部函数验证的方法

    这篇文章主要介绍了jQuery Validation Engine验证控件调用外部函数验证的方法,需要的的朋友参考下吧
    2017-01-01
  • jQuery Selectors(选择器)的使用(七、子元素篇)

    jQuery Selectors(选择器)的使用(七、子元素篇)

    本系列文章主要讲述jQuery框架的选择器(Selectors)使用方法,我将以实例方式进行讲述,以简单,全面为基础,不会涉及很深,我的学习方法:先入门,后进阶!
    2009-12-12

最新评论