我的编程空间,编程开发者的网络收藏夹
学习永远不晚

jquery怎么求屏幕的高度

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

jquery怎么求屏幕的高度

jquery怎么求屏幕的高度

本教程操作环境:Windows10系统、jquery3.2.1版、DELL G3电脑

jquery怎么求屏幕的高度?

js或jQuery获取当前屏幕的各种高度

一、参考地址:

js或jQuery获取当前屏幕的各种高度

jquery监控浏览窗口尺寸变化执行相应的代码

二、

1、Javascript:

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth

2、JQuery:

$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})

三、窗口大小改变时

$(window).resize(function(){
   //执行代码块
});

四、点击返回顶部

$('.go_top').click(function(){
    if ($(window).scrollTop() > 0) {
    $("html,body").stop().animate({ scrollTop: 0 }, 200);
}
});
$(window).scroll(function(){
    var w_h = $(document).scrollTop();
    if(w_h>300){
        $('.go_top').fadeIn();
    }
    if(w_h<=300){
        $('.go_top').fadeOut();
    }
});

以上就是jquery怎么求屏幕的高度的详细内容,更多请关注编程网其它相关文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

jquery怎么求屏幕的高度

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

jquery怎么求屏幕的高度

jquery求屏幕高度的方法:1、通过“alert($(window).height());”方法获取浏览器当前窗口可视区域高度;2、通过“alert($(document).height());”方法获取浏览器当前窗口文档的高度;3、通过“alert($(document.body).height());”方法获取浏览器当前窗口文档body的高度等。
2023-05-14

jquery如何求屏幕的高度

这篇“jquery如何求屏幕的高度”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jquery如何求屏幕的高度”文章吧。jqu
2023-07-05

jquery怎么获取屏幕宽高

这篇文章主要介绍了jquery怎么获取屏幕宽高的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇jquery怎么获取屏幕宽高文章都会有所收获,下面我们一起来看看吧。具体方法如下:1.获取当前窗口可视区域宽度$(wi
2023-06-04

怎么调整Win8.1屏幕亮度? 调节屏幕亮度的方法

Windows8.1是Microsoft公司最新的操作系统,其操作方式和界面和以往系统相比,有了较大变化,今天笔者和大家分享一下如何调整Win8.1系统的屏幕亮度的经验。我们一起开始吧! 1、首先转到Win8.1系统的桌面,现在的桌面有些暗
2022-06-04

JS与Jquery如何获取屏幕、浏览器、页面的宽度和高度

今天小编给大家分享一下JS与Jquery如何获取屏幕、浏览器、页面的宽度和高度的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
2023-07-05

web前端:获取屏幕的宽度和高度

编程学习网:人们可以通过网页浏览器来访问网站,获取自己需要的资讯或者享受网络服务。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度(俗称网速)、网站软件配置、网站提供服务等几方面考虑,最直接的衡量标准是网站的真实流量。
web前端:获取屏幕的宽度和高度
2024-04-23

JS与Jquery获取屏幕、浏览器、页面的宽度和高度对比整理

页面的展示,从外到内的容器为:屏幕、浏览器以及页面本身。HTML元素展现在页面内,页面展现在浏览器内,而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。容器的尺寸是指当前分辨率下的高度和宽度(分辨率不同,值就不相同)。
2023-02-11

win11怎么调整屏幕亮度

要调整Windows 11的屏幕亮度,可以按照以下步骤操作:1. 打开“开始”菜单,点击右上角的“设置”图标。2. 在“设置”窗口中,选择“系统”选项。3. 在左侧导航栏中,选择“显示”选项。4. 在“显示”页面中,可以看到“亮度和颜色”部
2023-09-09

win10怎么调整屏幕亮度

本篇内容主要讲解“win10怎么调整屏幕亮度”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“win10怎么调整屏幕亮度”吧!具体操作:1.点击桌面左下角的开始。2. 点击控制面板。3.点击显示选项
2023-06-27

win7屏幕亮度怎么更改

本文小编为大家详细介绍“win7屏幕亮度怎么更改”,内容详细,步骤清晰,细节处理妥当,希望这篇“win7屏幕亮度怎么更改”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。win7屏幕亮度更改教程1、很多电脑我们可以通
2023-07-01

android获取屏幕高度和宽度的实现方法

本文实例讲述了android获取屏幕高度和宽度的实现方法。分享给大家供大家参考。具体分析如下: 我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸 下面的代码即
android获取屏幕高度和宽度的实现方法
2022-06-06

Android获取屏幕或View宽度和高度的方法

本文实例讲述了Android获取屏幕或View宽度和高度的方法。分享给大家供大家参考,具体如下: 在Activity中获取屏幕的高度和宽度Display display=getWindowManager().getDefaultDispla
2022-06-06

Linux系统怎么调整屏幕亮度

这篇文章的内容主要围绕Linux系统怎么调整屏幕亮度进行讲述,文章内容清晰易懂,条理清晰,非常适合新手学习,值得大家去阅读。感兴趣的朋友可以跟随小编一起阅读吧。希望大家通过这篇文章有所收获!1.Calise处于时断时续的开发中,Calise
2023-06-28

Win10系统怎么调整屏幕亮度

本篇内容主要讲解“Win10系统怎么调整屏幕亮度”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Win10系统怎么调整屏幕亮度”吧!Win10系统调整屏幕亮度的三种简单方法方法一: 1、在桌面左下
2023-07-01

win7电脑怎么设置屏幕亮度

这篇文章主要介绍了win7电脑怎么设置屏幕亮度的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇win7电脑怎么设置屏幕亮度文章都会有所收获,下面我们一起来看看吧。win7电脑设置屏幕亮度的方法1、打开菜单栏的“控
2023-07-01

Android怎样获取屏幕、状态栏及标题栏的高度

这篇文章主要介绍了Android怎样获取屏幕、状态栏及标题栏的高度,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在开始之前,先来看一张图:绿色区域:屏幕区域蓝色区域:状态栏区
2023-05-30

编程热搜

目录