`
leiwuluan
  • 浏览: 703606 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

js,jQuery,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

分享到:
评论

相关推荐

    jQuery 获取屏幕高度和宽度

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

    jquery实现动态改变div宽度和高度

    本文将介绍如何使用jQuery来实现动态改变div的宽度和高度。jQuery作为一个快速、小巧、功能丰富的JavaScript库,极大地简化了对DOM的操作,使得修改元素尺寸变得非常简单。 首先,要实现动态改变div的尺寸,我们先...

    jQuery自适应父容器宽度高度代码

    在网页设计中,让元素自适应其父容器的宽度和高度是常见的需求,尤其是在响应式设计中。jQuery作为JavaScript库,提供了丰富的功能来处理这样的任务。"jQuery自适应父容器宽度高度代码"就是一个实例,它利用jQuery...

    【Jquery经典特效18】jQuery自适应宽度跟高度相册代码

    在本文中,我们将深入探讨如何使用jQuery实现一个自适应宽度和高度的相册代码,这是Jquery经典特效系列中的第18个主题。这个特效对于现代网页设计至关重要,因为它允许图片展示在不同屏幕尺寸和设备上都能保持良好的...

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

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

    jQuery javascript获得网页的高度与宽度的实现代码

    本篇文章将介绍如何使用原生JavaScript和jQuery这两种技术来实现获取网页高度与宽度的功能。 首先,要了解的是JavaScript本身提供的DOM属性,这些属性可以直接获取与高度和宽度相关的各种信息: 1. document.body....

    使用JavaScript JQuery实现网页翻屏.pdf

    在本文中,我们将讨论如何使用JavaScript和JQuery实现网页翻屏功能。JavaScript是一种面向对象、解释型的高级语言,广泛用于Web页面客户端脚本语言,为网页增加动态功能和效果。JQuery是一个JavaScript库,它极大...

    jQuery自适应宽度跟高度相册代码

    本教程将详细讲解如何利用jQuery实现一个自适应宽度和高度的相册代码,以适应不同屏幕尺寸和设备。 首先,我们需要理解自适应布局的核心理念。自适应网页设计(Responsive Web Design,简称RWD)是一种让网站在不同...

    iframe根据页面内容自适应高度和宽度

    2. **JavaScript**:使用JavaScript来动态获取`iframe`的内容高度和宽度。可以监听`load`事件,当`iframe`加载完成后,通过`contentWindow`和`contentDocument`属性获取内容的尺寸,然后调整`iframe`的大小。例如: ...

    应用js框架Jquery中ThickBox制作网页中div弹出效果

    ThickBox 结合了 jQuery 的简洁性和强大的功能,使得在网页中实现 div 弹出效果变得非常简单。 首先,让我们了解一下 jQuery。jQuery 是一个轻量级的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画和Ajax...

    javascript原生和jquery库实现iframe自适应高度和宽度

    关于实现iframe自适应高度和宽度的内容,可以使用原生JavaScript和jQuery库两种方式来完成。下面将详细解释使用这两种技术的实现方法及代码示例。 ### 使用原生JavaScript实现iframe自适应高度和宽度 要使用原生...

    jQuery表格可拖动调整列宽度大小

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题聚焦于jQuery中的一个实用特性——表格列宽的拖动调整,这是一个提高用户体验的功能,允许用户根据需要...

    jQuery自适应宽度跟高度相册代码.zip

    在JavaScript部分,jQuery提供了一系列的方法来获取和改变元素的属性,如宽度和高度。当窗口大小发生变化时,通过`$(window).resize()`函数监听窗口大小的变化,并根据新的窗口宽度调整相册的布局。同时,`$...

    jQuery自适应父容器宽度高度代码.zip

    总的来说,这个压缩包提供了一个基于jQuery的解决方案,使得网页元素可以自动调整大小以适应其父容器的宽度和高度变化。这在响应式设计和移动优先的开发策略中尤其有用,确保了在不同设备和屏幕尺寸上的良好用户体验...

    javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar

    在JavaScript中,获取当前页面...以上是关于“javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数”的主要知识点,通过学习和理解这些内容,开发者可以更好地控制和适应网页在不同设备和窗口大小下的表现。

    Javascript jquery 实现 拖拽, 和吸附功能

    `$(window).width()`和`$(window).height()`分别获取浏览器窗口的宽度和高度,`ui.position`包含了元素的当前位置信息。 在提供的压缩包文件"DragDrop"中,可能包含了一个示例项目,你可以下载并运行它来更直观地...

    jquery实现的网页水印

    在网页设计中,水印是一种常见的视觉...这个过程展示了`jQuery`如何与CSS和JavaScript事件配合,以实现动态、自适应的网页功能。通过理解这些原理,你可以根据需要自定义自己的水印效果,甚至扩展到更复杂的交互设计。

Global site tag (gtag.js) - Google Analytics