网页可见区域宽: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
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
IE,FireFox 差异如下:
IE6.0、FF1.06+:
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5:
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
(需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)
网页可见区域宽: 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
分享到:
相关推荐
### JavaScript自定义函数一览表详解 #### 一、概述 JavaScript是一种广泛应用于网页开发中的脚本语言,它能够实现动态效果、用户交互等功能。本文档将详细介绍一系列与JavaScript相关的知识点,包括基本语法、...
- **应用场景**:控制浏览器窗口的行为,如打开新窗口、调整窗口大小等。 #### 3. 对象属性 文件中还提到了JavaScript对象的一些属性,虽然这部分内容没有给出完整的列表,但这里可以简单介绍几个常见的属性: - ...
- resize:窗口大小改变 - scroll:页面滚动 4. 图像和媒体事件: - load:图像或媒体加载完成 - error:加载失败 - play/pause:媒体播放/暂停 - ended:媒体播放结束 5. AJAX和XMLHttpRequest事件: - ...
它需要接收对象的宽度和高度作为参数,并考虑浏览器窗口的大小、滚动条的位置等因素来计算出合适的居中位置。 2. **获取鼠标位置的函数**:这个函数用于获取鼠标点击的位置坐标。它需要考虑到不同浏览器的兼容性...
- `JSplitPane`:允许用户调整两个区域的大小。`JSplitPane()`和`JSplitPane(int newOrientation)`,其中`newOrientation`定义了分割线的方向(水平或垂直)。 - `JToolBar`:创建工具栏,通常放置常用的操作按钮...
- **`<script>`**:用于定义JavaScript代码或链接外部JS文件。 #### 四、元信息标记 `<meta>` `<meta>` 标签用于定义文档的元数据,如: - **`HTTP-EQUIV`**:用于模拟HTTP响应头,如设置缓存策略。 - **`NAME`**:...
这些事件在 JavaScript 中尤为重要,因为它们允许开发者通过编程方式响应用户的操作或浏览器的状态变化。下面将详细介绍 TXT 文件中列出的各类 HTML 控件事件及其应用场景。 #### 二、事件分类与说明 ##### 1. ...
它允许开发者通过一系列的标签来构建网页结构,控制内容的布局和样式。在2022年的HTML语言剖析中,我们关注的是HTML标记的一览,这包括...在实际开发中,还需要结合CSS和JavaScript来实现更复杂的网页交互和视觉效果。
12. **链接标签**:`<a>`标签创建超链接,`href`属性指向链接地址,`name`为链接命名,`title`提供鼠标悬停时的提示,`target`定义链接打开的位置,如`_blank`新窗口、`_self`当前窗口、`_parent`父窗口、`_top`整个...
- `<iframe>`:在页面内嵌入另一个页面,常用于部分更新或小窗口内容。 - `<noframes>`:针对不支持框架的浏览器提供内容。 10. **其他标记**: - `<marquee>`:创建滚动文本,仅IE支持。 - `<blink>`:使文本...
2. **文本域的自由拉伸功能**:在Chrome中,你可以通过拖动文本域右下角的小三角形来调整输入框的大小,以适应不同的编辑需求。 3. **拖放移动下载文件位置**:Chrome允许用户通过拖放下载链接来改变下载文件的位置...
3.1 Eclipse界面一览 22 3.2 Eclipse项目的文件结构 23 3.2.1 设置编译后.class文件的保存目录 23 3.2.2 导入项目使用的包 25 3.2.3 设置编译方式 26 3.2.4 运行程序 27 3.3 常用的代码编辑功能 28 ...