`
指甲刀X
  • 浏览: 35016 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

前端开发中的各种width,height

阅读更多
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;//FF下无效
s += "\r\n网页正文部分左:"+ window.screenLeft;//FF下无效
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);

 收藏以备用

分享到:
评论

相关推荐

    Web前端开发现状.pdf

    不同浏览器对Web标准的支持程度不同,这在前端开发中需要特别注意。例如,“IE6”和“IE7”由于对新标准的支持不足,常被视为不推荐的开发目标。而较新的浏览器版本,如Chrome和Firefox,通常有更好的支持。 3. ...

    阿里前端开发规范(word文档)

    阿里前端开发规范是阿里巴巴集团为前端工程师制定的一套详尽的工作指南,旨在提高代码质量、提升团队协作效率、保持代码一致性。这套规范涵盖了HTML、CSS、JavaScript、工程化、性能优化等多个方面,对于任何前端...

    WEB前端开发常用英语单词和语句汇总

    标题中的"WEB前端开发常用英语单词和语句汇总"指的是这份文档旨在提供给从事WEB前端开发的程序员,或者是正在学习前端技术的爱好者们,一个关于日常工作中经常遇到的英文单词及短语的快速参考。这部分内容对于能够...

    前端开发基础知识

    盒模型是CSS布局的基础,前端开发者要理解width、height、padding、border和margin这五个属性在盒模型中的作用,以及它们是如何影响元素尺寸和布局的。 在CSS3中引入了更多高级特性,如过渡(Transitions)、变形...

    学习web前端开发html必备的开发文档

    在当今数字化时代,Web前端开发成为连接用户与信息的重要桥梁。HTML作为构建网页的基础语言之一,掌握其核心知识对于每一位前端开发者而言至关重要。本文将深入探讨标题及描述中提及的几个关键知识点,包括HTML的...

    2019年Web前端开发职业技能等级考试真题(初级).rar

    Web前端开发是IT行业中至关重要的一个领域,它涵盖了创建网页和应用程序用户界面的所有技术。2019年的Web前端开发职业技能等级考试(初级)旨在测试考生对于基础前端知识的掌握程度,包括HTML、CSS、JavaScript等...

    1+X WEB前端开发初级教案.pdf

    - 盒模型样式:`margin`, `padding`, `border`, `width`, `height` 的使用和理解。 - 浮动和定位:`float` 和 `position` 属性的应用。 #### 第二篇 HTML5和CSS3开发基础与应用 1. **HTML5开发基础与应用** - ...

    前端开发-像素尺-取色器

    像素尺帮助我们确定CSS中的width、height、padding、margin等属性的值,而取色器则在设定color、background-color等属性时派上用场。 总结起来,"前端开发-像素尺-取色器"是一个强大的辅助工具,它简化了前端开发中...

    WEB前端开发 小工具

    在WEB前端开发中,小工具扮演着至关重要的角色,它们能极大地提高开发效率,简化复杂的任务,例如颜色选取和坐标计算。以下是一些关于WEB前端开发小工具及其相关知识点的详细说明: 一、颜色选取工具 颜色选取是...

    web前端开发面试题易莱胜web前端开发培训面试题.doc

    Web 前端开发面试题易莱胜 web 前端开发培训面试题 本文档总结了 Web 前端开发面试题...本文档涵盖了 Web 前端开发面试题易莱胜 web 前端开发培训面试题中的多个重要知识点,对于 Web 前端开发人员来说极具参考价值。

    web前端第三版习题参考答案_.docx.docx

    网页由两部分构成:头部()和主体()。...这些都是Web前端开发中不可或缺的部分,对于理解和创建基本的网页内容至关重要。通过练习和实际操作,可以进一步巩固这些知识点,并为更深入的前端学习打下坚实的基础。

    前端网页播放flash文件(DEMO)

    在前端开发领域,Flash曾是实现动态内容和多媒体交互的重要技术,尤其是在网页视频播放方面。本文将详细探讨如何在网页中实现Flash文件的播放,并基于提供的"前端网页播放flash文件(DEMO)"进行讲解。 首先,理解...

    web前端重点业务难点

    Web 前端开发中存在一些业务逻辑难点,以下是对这些难点的总结: 1. HTML 是超文本标记语言,由浏览器解释运行。了解 HTML 实体的使用规则,例如 `>` `<` ` ` `&` 等。 2. 区分块级元素和行级元素...

    WEB前端开发规范css

    3. 自身属性:如width、height、margin、padding、border,决定了元素的尺寸和边界。 4. 显示属性:display、position、float、clear等,控制元素的布局和位置。 此外,根据项目阶段的不同,书写格式也会有所调整。...

    美团2017秋招笔试真题-前端开发、运维工程师.docx

    题目询问在Android的Activity中,对于一些资源及状态的保存操作,最适合在哪个生命周期函数中进行: - **a. `onPause()`**:错误选项。该方法在活动被暂停时调用,不适合做资源保存。 - **b. `onCreate()`**:错误...

    Web前端开发技术 试卷2(1)(1).docx

    【Web前端开发技术详解】 Web前端开发是构建互联网应用程序的重要组成部分,主要负责用户与网站交互的界面设计和实现。这份试卷涉及到的知识点广泛,涵盖了HTML、CSS、JavaScript等核心技术,以及Web开发工具的使用...

    前端开发与实践- DIV与SPAN.pptx

    在前端开发中,`div` 和 `span` 是两个非常基础且重要的HTML标签,它们用于构建网页布局和组织内容。让我们深入探讨这两个元素以及与之相关的前端开发知识点。 首先,`div` 标签代表一个分区或节(division/section...

    1+X-认证Web前端开发模拟题10.docx

    * img 标签的属性:width 和 height 是用于设置图片的宽度和高度。 2. CSS: * 伪类选择器::hover 是用于控制鼠标悬浮其上的超链接样式。 * transform-origin 属性:用于实现中心点变换。 * skewX 函数:用于...

Global site tag (gtag.js) - Google Analytics