`
liudaoru
  • 浏览: 1578865 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS获取窗口大小[z]

    博客分类：
  • Ajax
工作 
阅读更多

     网页可见区域宽：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

分享到：
| squid配置简介[z]
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS控制网页背景随窗口大小自动适应

    ### JS控制网页背景随窗口大小自动适应 #### 知识点概述 本文将详细介绍如何使用JavaScript来实现网页背景图片随浏览器窗口大小的变化而自动调整尺寸的功能。这一技术在响应式设计中非常实用，能够让网站在不同...

    JS可拖动窗口控件,可实现各种DIV窗口自定义及各种DIV弹出提示框 带遮罩层的DIV窗口/对话框控件 js javascript 对话框

    其次，"DIV窗口自定义"意味着你可以自由配置窗口的大小、样式、内容等属性。开发者可以利用CSS控制窗口的布局、边框、背景色、透明度等，同时通过JavaScript动态修改DOM元素属性，以实现窗口的动态调整。 "带遮罩层...

    jquery+js+html实现弹出登录窗口

    登录窗口通常使用模态对话框（modal dialog）实现，通过CSS设置其位置、大小和透明度，使其在页面上居中并遮罩背景。可以使用CSS3的`position:fixed`让元素相对于浏览器窗口定位，`z-index`控制元素的堆叠顺序，使...

    javascript弹出窗口命令总结

    - **resizable**: `yes/no` 用户是否可以调整窗口大小。 - **screenX**: `pixelvalue` 窗口左上角距离屏幕左侧的距离。 - **screenY**: `pixelvalue` 窗口左上角距离屏幕顶部的距离。 - **scrollbars**: `yes/no` ...

    javascript经典特效---弹出窗口始终一个.rar

    为了保护用户隐私和防止恶意网站滥用弹出窗口，现代浏览器对弹出窗口有了一些限制，比如不允许在非用户交互（如点击按钮）的情况下自动打开窗口，或者限制了新窗口的大小和特性。 综上所述，"javascript经典特效--...

    纯css+js实现webApp模态窗口弹出层特效

    - **DOM操作**：通过JavaScript获取、修改或创建DOM元素，如`document.getElementById`、`document.createElement`等。 - **事件监听**：添加事件监听器，如`addEventListener`，响应用户的点击、滚动等行为，触发...

    任意拖动提示框大小的jquery弹出窗口代码

    在jQuery代码中，我们需要监听`mousedown`事件，以确定用户是否点击了边框，如果是，则激活窗口大小调整： ```javascript // 添加边框拖动功能 var resizingBorder = null; $('#popup').on('mousedown', function...

    html和javascript技术实现模式窗口传参数示例

    为了将表单内容传递给请求页面，我们可以使用JavaScript获取表单数据，并通过AJAX发送POST请求。假设我们有一个表单字段`inputName`，可以这样操作： ```javascript document.getElementById('submitForm')....

    arcgis api for js 自定义弹出信息提示框

    首先，ArcGIS API for JavaScript 提供了内置的InfoWindow（信息窗口）功能，用于显示地图上的点、线或面要素的详细信息。然而，有时内置的样式可能无法满足特定的设计需求，这时就需要进行自定义。自定义弹出框的...

    leaflet-wind.7z

    在当今的Web GIS领域，Leaflet.js作为一款轻量级、强大的JavaScript库，深受开发者喜爱。它为创建交互式地图提供了简单而灵活的方式。本篇文章将围绕“leaflet-wind.7z”这个压缩包文件，探讨如何利用Leaflet.js库...

    js页面跳转方法

    * resizable：窗口大小是否可调整。 * screenX：窗口距屏幕左边界的像素长度。 * screenY：窗口距屏幕上边界的像素长度。 * scrollbars：窗口是否可有滚动栏。 * titlebar：窗口题目栏是否可见。 * toolbar：窗口...

    带有弹出层的模拟窗口（窗体）Div实现 源码 js

    在模拟窗口的实现中，我们通常会创建一个Div作为窗口的主要容器，通过CSS来设定其样式，包括位置、大小、背景色等。同时，我们还可以利用CSS的`position`属性（如`absolute`或`fixed`）和`z-index`属性来控制窗口相...

    JS实现弹出居中的模式窗口示例

    1. **定义窗口大小和位置**： 在`OpenDialog`函数中，我们传入了三个参数：url（弹出窗口的地址），w（窗口宽度）和h（窗口高度）。接着，计算窗口在屏幕上的居中位置。`iTop2`和`iLeft2`分别代表窗口距离屏幕顶部...

    js实现登录拖拽窗口

    尽管CSS定位可以轻松实现居中，但在某些动态场景下，如窗口大小变化或响应式设计中，使用JavaScript更加灵活。我们可以通过计算可视区域的宽度和高度，然后减去登录窗口自身的宽高并除以2，来确定窗口的left和top值...

    JS控制弹出悬浮窗口(一览画面)的实例代码

    它需要接收对象的宽度和高度作为参数，并考虑浏览器窗口的大小、滚动条的位置等因素来计算出合适的居中位置。 2. **获取鼠标位置的函数**：这个函数用于获取鼠标点击的位置坐标。它需要考虑到不同浏览器的兼容性...

    js弹出的对话窗口永远保持居中显示

    2. JavaScript调整窗口大小：在`window.onload`函数中，通过获取屏幕的可用宽度和高度，动态设置对话窗口的尺寸，确保它能够适应不同屏幕大小，实现全屏居中显示。这种方法使得对话窗口不仅在当前窗口中居中，而且在...

    弹出DIV窗口

    2. DOM操作：JavaScript可以通过`document.getElementById`、`querySelector`等方法获取到`DIV`元素，然后修改其样式来实现弹出和关闭。例如，改变`style.display`的值。 3. 阻止默认行为：如果弹出窗口是一个模态...

    JS用层实现为图片添加水印效果

    3. **自动适应屏幕大小变化**：确保水印层能够在浏览器窗口大小发生变化时，自动调整位置保持与原图一致。 4. **代码结构分析**： - **HTML部分**：定义了包含图片的页面结构。 - **CSS部分**：虽然示例中未明确给...

    超强JavaScript效果[超强JavaScript效果]

    脚本2通过JavaScript调整窗口大小至全屏；脚本3和4显示当前时间和文档的最后修改时间。 2. **鼠标悬停提示**：类似于163登录后的提示效果，这通常通过`title`属性或自定义JavaScript事件实现，当鼠标悬停在元素上时...

Magicbox
Global site tag (gtag.js) - Google Analytics