`
zbw
  • 浏览: 46880 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript 页面元素

阅读更多
js 代码
  1.   
  2.   
  3.   
  4. "Content-Type" content="text/html; charset=gb2312">   
  5. "text/css">   
  6.   
  7.   
  8.   
  9. <script language=< span="">"JavaScript">   
  10. var  s = "";   
  11. s += "\r\n网页可见区域宽:"+ document.body.clientWidth;   
  12. s += "\r\n网页可见区域高:"+ document.body.clientHeight;   
  13. s += "\r\n网页可见区域宽:"+ document.body.offsetWidth  +" (包括边线的宽)";   
  14. s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";   
  15. s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;   
  16. s += "\r\n网页正文全文高:"+ document.body.scrollHeight;   
  17. s += "\r\n网页被卷去的高:"+ document.body.scrollTop;   
  18. s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;   
  19. s += "\r\n网页正文部分上:"+ window.screenTop;   
  20. s += "\r\n网页正文部分左:"+ window.screenLeft;   
  21. s += "\r\n屏幕分辨率的高:"+ window.screen.height;   
  22. s += "\r\n屏幕分辨率的宽:"+ window.screen.width;   
  23. s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;   
  24. s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;   
  25. alert(s);   
  26. </script>  
  27.   
  28.   
分享到:
评论

相关推荐

    javascript页面元素检查

    实用的javascript代码,密码强度判断,邮箱格式判断,日期格式判断一应俱全,完整实用

    纯JavaScript 实现页面元素的拖拽效果,绝对精彩

    纯JavaScript 实现页面元素的拖拽效果,绝对精彩,可以容易实现与后台交互。

    javascript动态生成页面元素

    在现代Web开发中,JavaScript作为前端开发的核心语言之一,其动态生成页面元素的能力是构建交互式网站的关键技术。本文将深入探讨如何利用JavaScript动态生成HTML页面元素,包括使用innerHTML属性和DOM(Document ...

    JAVASCRIPT页面效果实例

    在“JAVASCRIPT页面效果实例”中,我们可以深入探讨如何使用JavaScript来增强用户体验并创建引人入胜的网页效果。下面将详细介绍几个关键的JavaScript页面效果及其实现方法。 1. **页面加载动画** 当用户访问网站...

    Javascript元素位置、大小、鼠标定位操作

    Javascript 元素位置、大小、鼠标定位操作 本文将详细介绍 Javascript 中元素位置、大小、鼠标定位操作相关的知识点,包括事件对象、DOM 对象、Style 对象等提供的相关属性和方法。 一、事件对象 Event 事件对象 ...

    100个Javascript特效页面以及源代码

    1. **DOM操作**:JavaScript通过Document Object Model(DOM)来操作HTML元素,改变页面内容、样式或结构。这些特效可能涉及到元素的选择、添加、删除、属性修改等操作。 2. **事件处理**:JavaScript可以响应用户...

    javascript页面特效

    在这个主题“javascript页面特效”中,我们将深入探讨JavaScript如何被用来创建各种令人惊叹的页面效果。 首先,JavaScript的核心在于DOM(Document Object Model)操作。DOM是HTML和XML文档的结构化表示,通过...

    Javascript 增强页面效果第二章项目训练

    在增强页面效果时,我们通常会用到数组和对象,它们可以存储和处理大量的数据,比如页面元素的状态或用户输入的信息。 接着,我们将学习DOM(Document Object Model)操作。DOM是HTML和XML文档的结构化表示,...

    超酷的javaScript页面特效合集

    这个“超酷的JavaScript页面特效合集”无疑为开发者提供了丰富的资源,帮助他们创造出引人入胜、互动性强的网页体验。 在JavaScript的世界里,页面特效不仅限于简单的动画,它涵盖了众多复杂的功能,例如滑动菜单、...

    通过JAVAScript实现页面自适应.doc

    页面自适应的实现原理是通过 JavaScript 获取屏幕的宽高,然后根据屏幕大小调整页面元素的宽高和位置。首先,需要获取屏幕的宽高,可以使用 `document.body.offsetHeight` 和 `document.body.offsetWidth` 获取当前...

    JS实现加载时锁定HTML页面元素的方法

    ### JavaScript页面元素操作技巧总结 除了锁定页面元素外,JavaScript还提供了许多其他操作页面元素的技巧,这些技巧对于提升用户体验和页面交互设计至关重要: - **遍历算法与技巧总结**:介绍了在JavaScript中...

    JavaScript客户端验证和页面特效制作(JavaScript)

    **二、JavaScript页面特效制作** JavaScript可以实现各种吸引人的页面特效,提升网站的视觉吸引力和用户体验。以下是一些常见的JavaScript特效: 1. **滑动菜单**:通过JavaScript可以创建响应式导航菜单,实现...

    javascript页面动态效果

    在网页设计中,JavaScript能够使页面元素具有更多的活力和用户交互性,从而提升用户体验。"javascript页面动态效果"这个主题涵盖了JavaScript在网页中的各种动态表现形式。 1. **DOM操作**:DOM(Document Object ...

    Javascript实现网页元素拖拽排序

    在网页开发中,JavaScript是一种非常重要的脚本语言,它提供了丰富的功能,其中之一就是实现网页元素的拖拽排序。拖拽排序允许用户通过直观地拖动元素来改变它们在页面上的顺序,增强了用户体验。本文将深入探讨如何...

    javascript 获取iframe里页面中元素值的方法

    IE方法:document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法:document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; ...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    在前端开发中,经常需要对页面元素进行操作,包括获取元素的尺寸信息。然而,当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时,会发现常规的JavaScript方法无法直接获取这些尺寸值,因为display:none...

    JavaScript页面特效类.

    在本压缩包文件中,"JavaScript页面特效类"显然关注的是如何利用JavaScript来创建吸引人的视觉效果和交互体验。 在JavaScript的世界里,页面特效通常涉及到DOM(Document Object Model)操作、CSS样式更改、时间...

    JavaScript调整页面字体大小

    JavaScript 提供了一种动态改变页面元素字体大小的方法,使得用户无需手动更改浏览器设置即可实现这一功能。本文将深入探讨如何使用 JavaScript 实现这一功能,并结合 CSS 字体大小属性来创建响应式和可自定义的文本...

    鼠标点击页面节点元素移动

    javascript 点击页面元素节点移动

    JavaScript页面特效实例

    Document Object Model (DOM) 是HTML和XML文档的结构化表示,JavaScript通过DOM可以查找、访问和修改页面元素。在页面特效中,我们经常需要改变元素的样式、位置或者内容,这就需要熟悉DOM API,如getElementById、...

Global site tag (gtag.js) - Google Analytics