`
leiyinsu
  • 浏览: 30976 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jQuery获取浏览器高度

阅读更多

 

        在一个自适应高度布局的项目中。需求是,界面高度随浏览器高度的变化而改变样式。觉得这个应用比较多,就记下了。

 #1  引用jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> 

#2 初始化样式

$(document).ready(function(){
    var wid = jQuery(window).width();
    $("#iframe1").height(wid);
})

#3 给 $(window) 绑定 resize() 事件,随时捕获浏览器的高度 

$(window).bind("resize", changeDynamic);
function changeDynamic( e ) {
    var hei = $(window).height();
    $("#iframe1").height();
}

    当然获取宽度也是一样 ,转载请注明地址

 

  • 大小: 22 KB
分享到:
评论

相关推荐

    JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

    JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

    jQuery获取浏览器窗口的宽度和高度

    本篇文章将详细介绍如何使用 jQuery 获取浏览器窗口的宽度和高度,并对比不同方法的使用效果。 首先,`$(window).height()` 和 `$(window).width()` 是用来获取浏览器当前窗口可视区域的高度和宽度,也就是用户在...

    js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码

    获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...

    JQuery获取浏览器窗口内容部分高度的代码

    从给定的文件内容中,我们可以看到一段示例代码,这段代码展示了如何使用JQuery获取浏览器窗口内容部分的高度: ```javascript $(document).ready( function() { var h = $(window).height(); alert(h); }); ``...

    jQuery 获取屏幕高度和宽度

    本文将详细讲解如何使用jQuery获取屏幕的高度和宽度,这对于创建响应式网页设计或者根据屏幕尺寸调整元素布局至关重要。 首先,我们需要了解什么是屏幕高度和宽度。屏幕高度是指浏览器窗口可视区域的垂直尺寸,而...

    js获取浏览器高度和宽度值(多浏览器)

    在JavaScript中,获取浏览器的高度和宽度是常见的需求,用于...总之,理解和掌握不同浏览器中获取浏览器高度和宽度的差异是进行跨浏览器开发的关键。通过适配这些差异,我们可以创建更加兼容和用户体验良好的Web应用。

    jQuery获取浏览器中的分辨率实现代码

    本文将详细介绍如何使用jQuery获取浏览器中的分辨率,并探讨相关的JavaScript方法。 首先,jQuery提供了`$(window).height()`和`$(window).width()`方法,它们分别返回浏览器当前窗口的可视区域高度和宽度。这意味...

    jquery高仿浏览器新建标签页网址缩略图导航特效代码

    总的来说,"jquery高仿浏览器新建标签页网址缩略图导航特效代码"是一个结合了jQuery特性和前端设计技巧的项目,它展示了如何用JavaScript动态地构建一个高度仿真的浏览器标签页系统,提供了一种提升网页应用用户体验...

    JavaScript 获取浏览器的显示区域大小信息

    ### JavaScript 获取浏览器的显示区域大小信息 在网页开发过程中,获取浏览器显示区域的大小是非常重要的一个环节,这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取浏览器...

    jquery获取文档高度和窗口高度汇总

    jquery获取窗口高度和窗口高度,$(document).height()、$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端...

    jQuery自动适应高度布局代码.zip

    在适应高度布局的场景中,jQuery可以用于获取元素的高度,比较不同元素的高度,并对它们进行动态调整。 在"jiaoben181625"这个文件中,可能包含了一个或多个HTML、CSS和JavaScript文件,这些文件协同工作来实现自动...

    JS,Jquery获取各种屏幕的宽度和高度

    ### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中,经常需要获取用户的屏幕尺寸信息,例如宽度和高度等,这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript(简称JS)和jQuery这两种...

    基于jquery的获取浏览器窗口大小的代码

    本篇文档介绍了如何使用jQuery来获取浏览器窗口的大小,并提供了相关的代码实现。文档中提到的核心知识点包括了浏览器窗口尺寸的获取方法、jQuery库的使用以及不同浏览器的兼容性处理。 首先,文章通过一个函数...

    jQuery可自定义高度图片瀑布流代码.zip

    【jQuery可自定义高度图片瀑布流代码】是一个基于JavaScript库jQuery实现的图片展示效果,它采用了流行的瀑布流布局,能够自定义每个图片格子的高度,并且允许直接通过URL地址添加图片,为网页中的图片展示提供了...

    jQuery 获取屏幕高度、宽度的简单实现案例

    //浏览器当前窗口可视区域高度 alert&#40;$(document&#41;.height()); //浏览器当前窗口文档的高度 alert&#40;$(document.body&#41;.height());//浏览器当前窗口文档body的高度 alert&#40;$(document.body&#41;....

    用jquery实现iframe高度自适应实例代码完美兼容多数浏览器

    本篇文章将深入讲解如何使用jQuery来解决`iframe`高度自适应的问题,并且确保代码在多数浏览器中都能完美运行。 首先,我们了解`iframe`的基本概念。`iframe`(Inline Frame)是HTML中的一个元素,用于在当前文档中...

Global site tag (gtag.js) - Google Analytics