`
20386053
  • 浏览: 432387 次
文章分类
社区版块
存档分类
最新评论

JS取各种尺寸的方法

 
阅读更多

JS取浏览器和网页可见区高和宽

<SCRIPT LANGUAGE="JavaScript">
var s = "网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
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>

普通DOM子元素的宽高获取:

document.getElementById("元素id名称").style.width

document.getElementById("元素id名称").style.height

在表格及其元素的CSS宽高获取上的浏览器兼容问题:

  对TABLE进行border-collapse:collapse;设定,对TR和TD进行display:block;设定,这时再去获取任意元素的宽高,各浏览器都会是一致的。如果不这样设置,则各种浏览器获取结果可能有差异。

分享到:
评论

相关推荐

    易语言脚本组件FileSystemObject取文件目录尺寸源码.rar

    易语言脚本组件FileSystemObject取文件目录尺寸源码,通过创建文件系统对象,设置目录并取所设目录接口,获取目录文件大小

    NET仿淘宝动根据颜色尺寸动态加载价格列表

    本项目完全防战淘宝商品价格编辑功能,可修改“颜色”、“尺寸”属性文字,最多添加九个...保存直接js取到所有数据提交到一般处理 程序保存。保存和加载涉及到数据库,所以就不上传了,如若需要,请联系QQ:80473931

    js取滚动条的尺寸的函数代码

    js取滚动条的尺寸的函数代码,需要的朋友可以参考下。

    JS固定表头和左边列(最新源码)1.9

    2.表格父容器尺寸大小改变时,需要调用 setBoxSize 方法,目的是判断父容器是否出现滚动条 1.1 修正了对IE6、IE7的兼容问题 1.2 修正了固定行、列的样式问题 1.3 IE6/IE7浏览器 不启用该功能 1.4 增加了...

    JS固定表头和左边列V2.0(源码)

    2.表格父容器尺寸大小改变时,需要调用 setBoxSize 方法,目的是判断父容器是否出现滚动条 1.1 修正了对IE6、IE7的兼容问题 1.2 修正了固定行、列的样式问题 1.3 IE6/IE7浏览器 不启用该功能 1.4 增加了拆分线,...

    js使用小技巧

    取变量类型 typeof($js_libpath) == "undefined" 下拉框 下拉框.options[索引] 下拉框.options.length 查找对象 document.getElementsByName("r1"); document.getElementById(id); 定时 timer=setInterval...

    jquery插件使用方法大全

    它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX...

    domhide.js:隐藏和显示 DOM 节点的小型快速实用程序

    domhide.js 隐藏/显示 DOM 节点的小实用程序 ... 为了在隐藏期间保留尺寸(如果标签的尺寸是可变的并且取决于内部标签的尺寸),我们检查标签是否在样式属性(内联 CSS)中设置了宽度/高度。 如果不是

    JavaScript DOM元素尺寸和位置

    一 获取元素的CSS大小  1.通过style内联获取元素的大小  代码如下: ...// PS:style获取只能取到行内style属性的CSS样式中的宽和高,如果有,则获取;如果没有则返回空; 2.通过计算获取元素的大小 代码如下:  

    Helium.js:自动化Universal React应用程序

    但是,性能优势取决于用例,并且服务器端渲染并不是一种适合所有设计的尺寸。 目前: 包括服务器端渲染,并支持使用React Fiber的React Router v4和Redux v3-v16 性能指标CLI 即将推出:针对Webpack捆绑包的优化...

    精易模块[源码] V5.15

    7、新增“网页_取网络文件尺寸”获取网络文件尺寸,失败返回零。 8、新增“数组_取次数”,取指定数组成员出现相同数量,源码由易友【C盘是头猪】提供。 9、修正“进程_ID取进程名”在64位系统不能获取名称的BUG,...

    jymin:你缩小的 JavaScript

    Jymin 是“JavaScript You Minify”,意思是 Jymin 脚本可以与您的应用程序代码连接并一起缩小。 您使用的功能将保持不变,您不使用的功能将缩小。 最终结果是浏览器将快速下载并运行您的代码,从而实现最快的体验。...

    rn-scaled-sheet:React Native多屏幕尺寸支持

    缩放尺寸取决于屏幕尺寸。 受启发 安装 npm install --save rn-scaled-sheet or yarn add rn-scaled-sheet 用法 import React from 'react' ; import { Dimensions } from 'react-native' import { ScaledSheet } ...

    微信小程序对图片进行canvas压缩的方法示例详解

    简单来讲原理就是:找个不显示在页面上的画布画上去,再取出,如果体积还是太大,缩小尺寸后再画,再取,递归下去,直到体积满足要求。(所以限制的越小,图片越大,压缩越久,递归次数越多) 第一步:新建一个...

    taquin:逗乐raymond-html-js-css版本

    前导广告是一个分为16个相似尺寸(高度和宽度)的图形。 这16个片段排列在16个相邻位置(4列4行)的网格上。 第16首曲目不可见。 如果15个可见块之一位于不可见块的旁边,它将变为可单击状态。 单击可见部分时,它...

    自己收藏的 Dorado 标注工具,前端开发好帮手

    设计稿尺寸标注与取色专用工具,适用于设计、界面开发与网页前端 全绿色 安全环保 独有的双模式切换可支持双屏显示器,一面设计,一面标注 在全新S3D图像引擎技术下,支持PSD、PNG 、BMP、GIF、JPG、JPEG、JPE、JFIF...

    power:计算按元素取幂

    力量 计算按元素取。 计算一个的base到exponent功率,即在函数返回base^exponent 。安装$ npm install compute-power 要在浏览器中使用,请使用 。用法 var power = require ( 'compute-power' ) ;功率(基本,指数...

    TicTacToe:WebApps 类项目

    井字游戏 ... 它将保存电路板尺寸 X(X x X)以供其原型方法使用。 用 玩家轮流点击棋盘上的井字棋空间来放置他们的棋子。 玩家 1 是 O,玩家 2 是 X。连续获得三个,你就赢了! 原型方法 initiali

    Bootstrap开关(switch)控件学习笔记分享

    bootstrap-switch插件是一个针对Bootstrap实现的开关(switch)按钮控件,可以支持尺寸、颜色等属性的自定义。开关式按钮在国内网站上使用的并不是很多,Bootstrap 的应用在国外非常流行,不知道是我们不喜欢还是...

Global site tag (gtag.js) - Google Analytics