JavaScript中元素、文档、浏览器、屏幕的宽高

1. 元素的宽高

　　以宽为例

  • 元素.style.width    样式的宽度，即写在元素的行内样式表的宽度。
  • 元素.clientWidth    可视区宽，样式宽+padding
  • 元素.offsetWidth    占位宽，样式宽+padding+border

2.文档、浏览器窗口的宽高

　　以宽为例

　　

时间： 2024-09-30 18:38:13

JavaScript中元素、文档、浏览器、屏幕的宽高的相关文章

JS JavaScript中的文档碎片 DocumentFragement JS性能优化

文档碎片是什么: 如果我们要在一个ul中添加100个li,如果不使用文档碎片,那么我们就需要使用append经常100次的追加,这会导致浏览器一直不停的渲染,是非常消耗资源的.但是如果我们使用文档碎片了,我们可以先将100个li添加到文档碎片中,然后直接把这个文档碎片追加到ul中即可.所以文档碎片其实就是一个临时的仓库. 如下代码在document.body中添加5个span for(var i=0;i<5;i++) { var op = document.createElement("s

js获取浏览器屏幕的宽高

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scr

关于在IE浏览器中，文档模式为&quot;杂项&quot;即Quirks，position为absolute且页面有滚动条时设置right的问题

由于系统的html页面没有指定相应的DTD,即<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">或<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht

原生javascript解析xml文档

之前写过一篇 <javascript/jQuery解析或转换json和xml>链接是http://my.oschina.net/ososchina/blog/343748,这篇博客详细解释了json使用 JSON.js  window.eval() ,jQuery 与字符串互相转换的方法 ,顺便也说了一点jQuery解析xml文档的方法,这里着重论述javascript操作xml. 顺便提一下,今天做项目有一点问题,如何让服务程序接口返回的就是json,而不需要 使用 jQuery.ajax设

实现窗口中的文档自动向上滚动，方便阅读

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta ht

Dash——程序员的的好帮手：API文档浏览器＋代码片段管理工具

作为一名死coder,每天最常见的动作就是查看各种API文档,你一定也有过同时打开N个窗口(HTML.PDF.CHM),不停的在编辑器与文档之间切换的感受吧?怎么说呢,其实我很讨厌这种枯燥无味的动作,那么如何才能提高效率,减少无用功呢?下面就给大家介绍一款非常好用的Mac小工具:Dash,相比这个英文名,我跟喜欢叫它“叮当猫”,嘿嘿. 点我直达AppStore介绍页面 功能简介 官方用一句话就概括了它的用途:Dash是一个API文档浏览器( API Documentation Browser),

在sharepoint中利用文档库扩展新闻应用

在sharepoint中利用文档库扩展新闻应用 本人刚刚开始使用Sharepoint,理解尚浅,错误之处请各位指正.Sharepoint的发布类模板可以建立对外的新闻类应用,但是目前在使用上还有诸多限制,不是很方便.在前一段时间给用户实施时引起了用户的很大不满.为此,特意在文档库的基础上建立了一套新闻管理系统,这套新闻系统主要有新闻发布与编辑,新闻列表.新闻浏览.分类管理等组成,主要用web part方式实现,各种参数按需传入,可以按照需要,灵活配置,下面先从与文档库结合紧密的分类管理说起:1.

Zeal：一个简单的离线 API 文档浏览器

Zeal 是一个简单的离线 API 文档浏览器,仿照 Dash(一个 OSX 应用) 写成,能在 Linux 和 Windows 上使用. 特点 在你的工作空间的任何地方中,使用 Alt + 空格(也可以自定义)快捷键去进行快速的文档搜索. 一次搜索多个文档集. 不需要网络连接. Zeal 是开源的!遵循 GPL 版权协议: 所有能用在 Dash 上的文档也可以用在 Zeal 中.这里可以看到一系列 Dash 支持的文档集 Zeal 的项目主页在:http://zealdocs.org/ zea

办公中word文档是如何在线压缩的

办公中word文档是如何在线压缩得,在办公中特别是做文职得朋友是经常碰到word文档文件的,有的小word文件放在桌面或者文件夹内不会影响什么,但是就怕量多,一旦量多文件堆积在电脑上就会很影响运行速度,那如何将其压缩起来呢,今天小编就来跟大家讲解讲解.第一步:打开电脑进入浏览器内搜索"迅捷PDF在线转换器",找到相对应的页面,并点击进入. 第二步:进入在线转换器的首页后,可以看到很多关于办公文件之类的功能,点击导航栏上方的文档处理,并在下拉框内选择"word压缩".