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

js获取body或屏幕的宽度大集合

阅读更多

//【转】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--好东西大家分享

 

分享到:
评论

相关推荐

    保持固定表头和表体宽度一致,dom中js的妙用.docx

    该函数首先获取表头和表体的表格元素,然后比较表体的`scrollWidth`(包括不可见部分的宽度)和`offsetWidth`(可视区域的宽度)。如果`scrollWidth`大于`offsetWidth`,说明出现了滚动条,此时将表头的宽度设置为`...

    原生js获取浏览器窗口及元素宽高常用方法集合

    同样地,获取窗口可视区域的高度,可以使用`document.documentElement.clientHeight`或`document.body.clientHeight`。 2. 获取窗口可视区域宽度+边框和滚动条的宽度 如果我们希望获取窗口可视区域加上边框和滚动条...

    ie和ff兼容性大集合

    ### IE和FF兼容性大集合 随着互联网技术的迅速发展,各式各的浏览器层出不穷,而浏览器之间的兼容性问题成为开发者必须面对的一个挑战。本文将基于实际经验与网络资源,总结Internet Explorer (IE) 和 Firefox (FF)...

    JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

    因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅,并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window)...

    Js操作DOM元素及获取浏览器高宽的简单方法

    例如,可以使用`innerHTML`属性来设置或获取元素的HTML内容,`style`属性来改变元素的CSS样式,或者`nodeValue`来获取或设置文本节点的值。创建新元素和插入元素通常涉及`createElement`、`appendChild`或`...

    JavaScript-js宝典笔学习记.txt

    // 获取屏幕宽度 console.log(window.history.length); // 获取浏览历史记录长度 console.log(window.location.href); // 获取当前URL ``` #### 5. 获取表单中元素的名称和值 `document.getElementById("表单中...

    D3.js中文版api-接口文档

    - **selection.property**: 设置或获取原生的属性值,如元素的高度或宽度。 - **selection.text**: 设置或获取选定元素的文本内容。 - **selection.html**: 设置或获取选定元素的HTML内容,类似于`innerHTML`属性。 ...

    Javascript技术笔记3

    使用`document.getElementsByTagName("h1")` 或 `$("h1").get()` 可以获取DOM元素集合。这些集合实际上是类数组对象,可以使用数组方法进行遍历。例如: ```javascript var arr = $("h1").get(); $.each(arr, ...

    js窗口特效大全

    JavaScript(简称JS)是一种轻量级的编程语言,主要用于网页和网络应用的开发。在网页设计中,JS常被用来实现各种动态效果和交互性功能,包括窗口特效。"js窗口特效大全"这个主题涵盖了利用JavaScript实现的各种窗口...

    js共享 js 问题

    - **屏幕尺寸**: 使用`screen.width`和`screen.height`获取屏幕宽度和高度。 - **移动窗口**: 通过`moveTo`方法设置窗口位置。 **应用场景:** 在需要展示特定信息或收集用户输入的情况下,可以使用模态窗口提供一...

    js代码实用大全

    JavaScript,简称JS,是一种广泛用于Web开发的轻量级编程语言,主要负责处理网页的交互和动态效果。本文将深入探讨一些JavaScript中的实用代码和概念,帮助开发者更好地理解和运用。 1. **事件源对象**: `event....

    BOM和DOM模型图

    // 获取屏幕宽度 ``` 3. **document**:只读属性,返回当前窗口中的`Document`对象。这是DOM的核心,通过它可以访问到页面中的所有元素。 - **示例**: ```javascript document.getElementById("myDiv").style...

    js代码大全.doc

    - **`document.getElementsByName("r1")`**: 根据名称获取对象集合。 - **`document.getElementById(id)`**: 根据ID获取对象。 **定时** - **`timer = setInterval('scrollwindow()', delay);`**: 设置定时器。 - *...

    javascript 代码大全

    JavaScript是Web开发中不可或缺的一部分,它提供了丰富的功能来操作网页元素和处理用户交互。这篇“JavaScript代码大全”详细讲解了JavaScript中的常用对象及其用法,下面将深入探讨这些知识点。 1. **事件源对象**...

    jquery-ui。js

    jQuery UI 是一个基于 jQuery JavaScript 库的可扩展的用户界面插件集合,它提供了各种丰富的交互效果、可自定义的主题以及多种界面元素,如对话框、日历、拖放功能等。在网页开发中,jQuery UI 大大简化了创建互动...

    javascript小技巧.doc

    16. **获取变量类型**:`typeof($js_libpath) == "undefined"` 检查变量是否已定义。 17. **下拉框操作**:可以使用 `下拉框.options[索引]` 访问下拉框的选项,`下拉框.options.length` 获取选项数量。 18. **...

Global site tag (gtag.js) - Google Analytics