前端开发

 首页 > 前端开发 > javascript > js获取各种宽高（ie6&ie6+,firefox,chrome兼容完整版）

js获取各种宽高（ie6&ie6+,firefox,chrome兼容完整版）

分享到：
【字体：大 中 小】
导读：
          ps.由于获取宽和高是一样的道理,只是把字面上height变成width，所以代码只示例高度 首先是获取浏览器视窗有关的宽高(BOM有关的部分)： 获取电脑屏幕分辨率宽高：window.screen.height 获取电...

ps.由于获取宽和高是一样的道理,只是把字面上height变成width，所以代码只示例高度

首先是获取浏览器视窗有关的宽高(BOM有关的部分)：


  1. 获取电脑屏幕分辨率宽高：window.screen.height

  2. 获取电脑工作区宽高：window.screen.availHeight（所谓的工作区就是除去任务栏剩下的区域，win7可以隐匿任务栏,，这个时候window.screen.availHeight == window.screen.height)

  3. 获取浏览器可视区的宽高：document.documentElement.clientHeight (这个宽高会随着你缩变窗口大小而改变)



剩下的就是获取元素的有关宽高(DOM有关部分）:

一张图清晰明了：

图片


分享到：
JavaScript数组合并的实现方法集
JavaScript数组合并的实现方法集我们将使用不同的方法结合/合并两个JS数组，以及讨论每个方法的优点/缺点。 让我们先考虑下面这情况： var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ]; 很显然最简单的结合结果应该是： [   1, 2, 3, 4, 5,...
手机端获得窗体宽高常见宽度和高度
常见宽度和高度 网页可见区域宽：document.body.clientWidth  网页可见区域高：document.body.clientHeight  网页可见区域宽：document.body.offsetWidth (包括边线的宽)  网页可见区域高：document.body.offsetHeight (包括边线的宽)  网页正文全文宽：document.body.scrollWidth  网页正文全文高：document.body.scr...
  •         php迷，一个php技术的分享社区，专属您自己的技术摘抄本、收藏夹。
  • 在这里……

Tags

网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱  冀ICP备18013926号-2