`

转载 JavaScript获得页面的宽度和高度

阅读更多
var s = "" ;
s += "\r\n网页可见区域宽:" + document.body.clientWidth ;
s += "\r\n网页可见区域高:" + document.body.clientHeight ;
s += "\r\n网页可见区域宽:" + document.body.offsetWidth +
     " (包括边线和滚动条的宽)" ;
s += "\r\n网页可见区域高:" + document.body.offsetHeight + "(包括边线的宽)" ;
s += "\r\n网页正文全文宽:" + document.body.scrollWidth ;
s += "\r\n网页正文全文高:" + document.body.scrollHeight ;
s += "\r\n网页被卷去的高:" + document.body.scrollTop ;
s += "\r\n网页被卷去的左:" + document.body.scrollLeft ;
s += "\r\n网页正文部分上:" + window.screenTop ;
s += "\r\n网页正文部分左:" + window.screenLeft ;
s += "\r\n屏幕分辨率的高:" + window.screen.height ;
s += "\r\n屏幕分辨率的宽:" + window.screen.width ;
s += "\r\n屏幕可用工作区高度:" + window.screen.availHeight ;
s += "\r\n屏幕可用工作区宽度:" + window.screen.availWidth ;
s += "\r\n你的屏幕设置是 " + window.screen.colorDepth + " 位彩色" ;
s += "\r\n你的屏幕设置是 " + window.screen.deviceXDPI + " 像素/英寸" ;
alert (s);
分享到:
评论

相关推荐

    JavaScript一些技巧(转载)

    可以利用CSS定义按钮的样式,如边框、高度、宽度等: ```html 按钮 style="border:1px solid #666666; height:17px; width:25pt; font-size:9pt; BACKGROUND-COLOR:#E8E8FF; color:#666666" name="submit"> ``` ##...

    转载:酷炫背景------瀑布流

    容器的宽度应根据屏幕尺寸进行响应式设计,而高度则在JavaScript中动态计算。 2. **计算列数**:根据容器的宽度和单个元素的宽度,确定可以并排显示的列数。 3. **分配元素**:将所有元素按列分配到容器内,每个...

    网页三级菜单制作(转载)

    2. **CSS样式设置**:设定菜单的基本样式,如宽度、高度、颜色等,并通过CSS3的`transition`属性实现平滑的滑动效果。 3. **jQuery绑定事件**:在`$(document).ready()`函数内,使用`.hover()`方法绑定鼠标悬停事件...

    纯js写的一行多图轮播(转载自模板网)

    【纯js写的一行多图轮播】是一种常见...通过上述知识点的学习和实践,开发者可以创建一个纯JavaScript实现的一行多图轮播组件,无需依赖任何外部库或框架,提高页面加载速度,同时也能更好地控制和定制轮播的各个细节。

    jQuery页面滚动显示进度特效

    在CSS中,我们可以定义一个进度条的样式,包括颜色、宽度、高度和过渡效果。然后在JavaScript中,我们可以动态地改变进度条的宽度或者填充,以反映出用户当前的滚动位置。例如,我们可能有一个HTML元素代表进度条,...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    滚动字代码

    4. `width` 和 `height`: 分别设置滚动区域的宽度和高度。调整这两个属性可以改变滚动字幕的大小。 5. `onmouseover` 和 `onmouseout`: 这两个事件处理程序可用于控制鼠标悬停时暂停滚动,鼠标离开时恢复滚动。例如...

    JS 拼图游戏 面向对象,注释完整。

    8. **图片切割和拼图逻辑**:代码中通过JavaScript对原始图片进行切割,根据行列数计算每个拼图块的高度和宽度,并将图片显示在创建好的表格中。玩家点击“开始”按钮后,程序将打乱拼图块的顺序,玩家通过拖动块来...

    jQuery鼠标滑过横向时间轴样式(代码详解)

    在现代网页设计中,实现一个美观且交互式的横向时间轴是非常常见的需求。...希望本文能够帮助到那些在寻求如何通过jQuery实现动态横向时间轴的开发者们,并且也欢迎转载和分享,但请注明出处,表示对原作者的尊重。

Global site tag (gtag.js) - Google Analytics