js得到页面宽度
<script type="text/javascript" language="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;
alert(s);
</script>
分享到:
相关推荐
<a href='javascript:window.print()'>打印页面 ``` ### 13. 自动选择文本 在文本框中,`onFocus`和`onMouseOver`事件可以用来自动选择输入框内的文本: ```html 关键词" onFocus="this.select()" onMouseOver=...
Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...
【纯js写的一行多图轮播】是一种常见...通过上述知识点的学习和实践,开发者可以创建一个纯JavaScript实现的一行多图轮播组件,无需依赖任何外部库或框架,提高页面加载速度,同时也能更好地控制和定制轮播的各个细节。
容器的宽度应根据屏幕尺寸进行响应式设计,而高度则在JavaScript中动态计算。 2. **计算列数**:根据容器的宽度和单个元素的宽度,确定可以并排显示的列数。 3. **分配元素**:将所有元素按列分配到容器内,每个...
4. **JavaScript文件 (menu.js)**: 这是实现动态菜单的关键,它使用jQuery来编写脚本。通常会包含函数来处理菜单的显示和隐藏逻辑,比如当用户鼠标悬停在一级菜单上时,二级菜单滑出;再悬停在二级菜单上,三级菜单...
总结起来,jQuery页面滚动显示进度特效是一种提高网页用户体验的创新方法,它通过JavaScript和CSS的结合,实现实时反馈用户滚动进度的功能,增强用户的导航感知。在实现过程中,我们需要理解并熟练运用jQuery的事件...
根据提供的文件信息,我们可以了解到这是一份关于使用JavaScript(JS)创建拼图游戏的代码文档。该文档强调游戏的实现是“面向对象”的,并且“注释完整”,这表明作者在编写代码时遵循了面向对象的原则,并且为了...
在PC网站和手机网站的建设中,滚动字幕能够以动态的方式呈现信息,使得页面更加生动活泼。本文将详细介绍滚动字幕的实现方式及其相关知识点。 首先,滚动字幕的基本元素是`<marquee>`标签,这是一个非标准但广泛...
在文档的最后,作者也鼓励大家在理解了本文内容后,可以在自己的项目中实践,并且在转载时注明出处,这既是对作者工作的尊重,也是分享知识的良好习惯。 通过以上内容,我们可以看到微信小程序的Swiper组件不仅可以...
每个`li`元素被设置为浮动的布局,以实现横向排列,并定义了背景图片、宽度、文本对齐方式等属性。对于`time`类的`div`,其初始状态为隐藏,并设置为绝对定位,当需要显示时,这个`div`会以顶部出现的方式滑下。 在...