//【转】js获取body或屏幕的宽度大集合
var s = " ";
document.documentElement.scrollTop 就是滚动条距离顶部的位置(可变)
document.documentElement.scrollLef 指滚动条距离左边的位置(可变)
s += "\r\n<br>网页可见区域宽: "+ document.body.clientWidth;
s += "\r\n<br>网页可见区域高: "+ document.body.clientHeight;
s += "\r\n<br>网页可见区域宽: "+ document.body.offsetWidth + " (包括边线的宽) ";
s += "\r\n<br>网页可见区域高: "+ document.body.offsetHeight + " (包括边线的宽) ";
s += "\r\n<br>网页正文全文宽: "+ document.body.scrollWidth;
s += "\r\n<br>网页正文全文高: "+ document.body.scrollHeight;
s += "\r\n<br>网页被卷去的高: "+ document.body.scrollTop;
s += "\r\n<br>网页被卷去的左: "+ document.body.scrollLeft;
s += "\r\n<br>网页正文部分上: "+ window.screenTop;
s += "\r\n<br>网页正文部分左: "+ window.screenLeft;
s += "\r\n<br>屏幕分辨率的高: "+ window.screen.height;
s += "\r\n<br>屏幕分辨率的宽: "+ window.screen.width;
s += "\r\n<br>屏幕可用工作区高度: "+ window.screen.availHeight+" (去掉状态栏)";
s += "\r\n<br>屏幕可用工作区宽度: "+ window.screen.availWidth;
//alert(s);
document.write(s);
愤怒的jser--好东西大家分享
分享到:
相关推荐
该函数首先获取表头和表体的表格元素,然后比较表体的`scrollWidth`(包括不可见部分的宽度)和`offsetWidth`(可视区域的宽度)。如果`scrollWidth`大于`offsetWidth`,说明出现了滚动条,此时将表头的宽度设置为`...
同样地,获取窗口可视区域的高度,可以使用`document.documentElement.clientHeight`或`document.body.clientHeight`。 2. 获取窗口可视区域宽度+边框和滚动条的宽度 如果我们希望获取窗口可视区域加上边框和滚动条...
### IE和FF兼容性大集合 随着互联网技术的迅速发展,各式各的浏览器层出不穷,而浏览器之间的兼容性问题成为开发者必须面对的一个挑战。本文将基于实际经验与网络资源,总结Internet Explorer (IE) 和 Firefox (FF)...
因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅,并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window)...
例如,可以使用`innerHTML`属性来设置或获取元素的HTML内容,`style`属性来改变元素的CSS样式,或者`nodeValue`来获取或设置文本节点的值。创建新元素和插入元素通常涉及`createElement`、`appendChild`或`...
// 获取屏幕宽度 console.log(window.history.length); // 获取浏览历史记录长度 console.log(window.location.href); // 获取当前URL ``` #### 5. 获取表单中元素的名称和值 `document.getElementById("表单中...
- **selection.property**: 设置或获取原生的属性值,如元素的高度或宽度。 - **selection.text**: 设置或获取选定元素的文本内容。 - **selection.html**: 设置或获取选定元素的HTML内容,类似于`innerHTML`属性。 ...
使用`document.getElementsByTagName("h1")` 或 `$("h1").get()` 可以获取DOM元素集合。这些集合实际上是类数组对象,可以使用数组方法进行遍历。例如: ```javascript var arr = $("h1").get(); $.each(arr, ...
JavaScript(简称JS)是一种轻量级的编程语言,主要用于网页和网络应用的开发。在网页设计中,JS常被用来实现各种动态效果和交互性功能,包括窗口特效。"js窗口特效大全"这个主题涵盖了利用JavaScript实现的各种窗口...
- **屏幕尺寸**: 使用`screen.width`和`screen.height`获取屏幕宽度和高度。 - **移动窗口**: 通过`moveTo`方法设置窗口位置。 **应用场景:** 在需要展示特定信息或收集用户输入的情况下,可以使用模态窗口提供一...
JavaScript,简称JS,是一种广泛用于Web开发的轻量级编程语言,主要负责处理网页的交互和动态效果。本文将深入探讨一些JavaScript中的实用代码和概念,帮助开发者更好地理解和运用。 1. **事件源对象**: `event....
// 获取屏幕宽度 ``` 3. **document**:只读属性,返回当前窗口中的`Document`对象。这是DOM的核心,通过它可以访问到页面中的所有元素。 - **示例**: ```javascript document.getElementById("myDiv").style...
- **`document.getElementsByName("r1")`**: 根据名称获取对象集合。 - **`document.getElementById(id)`**: 根据ID获取对象。 **定时** - **`timer = setInterval('scrollwindow()', delay);`**: 设置定时器。 - *...
JavaScript是Web开发中不可或缺的一部分,它提供了丰富的功能来操作网页元素和处理用户交互。这篇“JavaScript代码大全”详细讲解了JavaScript中的常用对象及其用法,下面将深入探讨这些知识点。 1. **事件源对象**...
jQuery UI 是一个基于 jQuery JavaScript 库的可扩展的用户界面插件集合,它提供了各种丰富的交互效果、可自定义的主题以及多种界面元素,如对话框、日历、拖放功能等。在网页开发中,jQuery UI 大大简化了创建互动...
16. **获取变量类型**:`typeof($js_libpath) == "undefined"` 检查变量是否已定义。 17. **下拉框操作**:可以使用 `下拉框.options[索引]` 访问下拉框的选项,`下拉框.options.length` 获取选项数量。 18. **...