关于对象的 width offsetwidth availWidth scrollHeight

【关于对象的 width offsetwidth availWidth scrollHeight】的更多相关文章

关于对象的 width offsetwidth availWidth scrollHeight

别人总结的.自己记不住,所以留着了 offsetWidth 包含了对象的边线的宽度width 若你不在html 代码里明确指定这个值,那它的返回值会不一样,如果设置了width 则一样. widht 返回的是 30px ,offsetWidth是数字 30 . //在javascript中得到当前窗口的高和宽<body><SCRIPT LANGUAGE="JavaScript">var s = "";s += "\r\n网页可…

《JavaScript面向对象的编程指南》--读书笔记

第一章.引言 1.5 面向对象的程序设计常用概念对象(名词):是指"事物"在程序设计语言中的表现形式. 这里的事物可以是任何东西,我们可以看到它们具有某些明确特征,能执行某些动作. 这些对象特征就叫做属性(形容词),动作称之为方法(动词). 类:实际上就是对象的设计蓝图或制作配方.类更多的是一种模板,而对象就是在这些模版的基础上被创建出来的. 封装:主要阐述对象中包含的内容.通常包括: 相关数据(用于存储属性) 基于这些数据所能做的事(所能调用的方法) 聚合:将几个现有对象合并成一个…

《JavaScript面向对象编程指南》

第一章.引言 1.5 面向对象的程序设计常用概念对象(名词):是指"事物"在程序设计语言中的表现形式. 这里的事物可以是任何东西,我们可以看到它们具有某些明确特征,能执行某些动作. 这些对象特征就叫做属性(形容词),动作称之为方法(动词). 类:实际上就是对象的设计蓝图或制作配方.类更多的是一种模板,而对象就是在这些模版的基础上被创建出来的. 封装:主要阐述对象中包含的内容.通常包括: 相关数据(用于存储属性) 基于这些数据所能做的事(所能调用的方法) 聚合:将几个现有对象合并成一个…

jQuery - 03. each、prevaAll、nextAll、获取属性、修改属性attr／val／text（）、jq.height/width、offset().／position().／scrol Left／Top 、事件绑定bind、delegate、on、事件解绑、事件对象、多库共存

each 方法 $ ( selector).each(function( index,element) { } ); 参数一表示当前元素在所有匹配元素中的索引号参数二表示当前元素(DOM对象) prevAll("li") 同个父系中前边所有的li元素 nextAll("li")同个父系后边所有的li元素 jQuery(function () { //设置不一样的盒子透明度逐渐递增 $("ul li").each(function (ind…

JS：offsetWidth\offsetleft 等图文解释

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

JS中offsetwidth等图文解释

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

offsetWidth、offsetleft 等图文详解

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

offsetWidth\offsetleft 等图文解释

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

event对象的clientX,offsetX,screenX,pageX和offsetTop,offsetHeight等等

先总结下区别: event.clientX.event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条.IE事件和标准事件都定义了这2个属性 event.pageX.event.pageY 类似于event.clientX.event.clientY,但它们使用的是文档坐标而非窗口坐标.这2个属性不是标准属性,但得到了广泛支持.IE事件中没有这2个属性. event.offsetX.event.offsetY 鼠标相对于事件源元素(srcEle…

HTML: width,height

在进行前端页面开发时,width(width,offsetWidth,scrollWidth,clientWidth)height(height,offsetHeight,scrollHeight,clientHeight)是我们最容易搞混乱的这里就特别记录一下: 1.offsetWidth width+padding+border) 当前对象的宽度. style.width也是当前对象的宽度(width+padding+border). 区别:1)style.width返回值除了数字外还带有…

js 宿主对象的属性和方法总结

(1)属性: //height,width; a=document.documentElement.clientHeight; //文档可视高度,由浏览器决定 b=document.documentElement.scrollHeight; //文档可滚动高度,由文档内容决定 c=document.body.clientHeight; //文档内容body体高度,由…

Javascript外部对象

Window 浏览器: - location:地址 - history:历史 - Document:文档 - screen:窗口 - navigator:帮助 > 1.外部对象就是浏览器提供的API -- **BOM** > 2.这些对象由w3c规定,由浏览器开发者设计并开发 > 3.这些对象分为2部分,其中BOM包含了DOM > 4.我们可以通过js访问这些对象 # 外部对象 > BOM (Browser Object Model) 浏览器对象模型,用来访问和操纵浏…

Js与Jq 获取浏览器和对象值的方法

JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.cli…

clientHeight & offsetHeight & scrollHeight

clientHeight & offsetHeight & scrollHeight scrollWidth/scrollHeight,offsetWidth/offsetHeight,clientWidth/clientHeight "use strict"; /** * * @author xgqfrms * @license MIT * @copyright xgqfrms * * @description scrollBottomAutoLoadMore * @…

Windows对象

JS之Window对象一.说明: 他是JS中最大的对象,它描述的是一个浏览器窗口,一般要引用他的属性和方法时,不需要用“Window.XXX”这种形式,而是直接使用“XXX”.一个框架页面也是一个窗口. 二.Window窗口对象有如下属性. 1.name 窗口的名称,由打开它的连接(<a target="...">)或框架页(<frame name="...">)或某一个窗口调用的 open() 方法(见下)决定.一般我们不会用这个属性.…

转-JS之Window对象

一.说明:他是JS中最大的对象,它描述的是一个浏览器窗口,一般要引用他的属性和方法时,不需要用“Window.XXX”这种形式,而是直接使用“XXX”.一个框架页面也是一个窗口. 二.Window窗口对象有如下属性. 1.name 窗口的名称,由打开它的连接(<a target="...">)或框架页(<frame name="...">)或某一个窗口调用的 open() 方法(见下)决定.一般我们不会用这个属性. 2.status 指窗口下…

（转载）JavaScript中的Window窗口对象

(转载)http://www.ijavascript.cn/jiaocheng/javascript-window-65.html 例子: <html> <head> <title>JS</title> </head> <body> <script> function test() { close(); // 调用window对象的close()方法 } setTimeout("test()", 300…

浏览器根对象window之screen

1. screen 1.1 availHeight/Width screen.availWidth返回浏览器窗口可占用的水平宽度(单位:像素). screen.availHeight返回浏览器窗口在屏幕上可占用的垂直空间,即最大高度. 1.2 availLeft/Top availTop:浏览器窗口在屏幕上的可占用空间上边距离屏幕上边界的像素值. availLeft:返回浏览器可用空间左边距离屏幕(系统桌面)左边界的距离. 大多数情况下,该属性返回 0. 如果你在有两个屏幕的电脑上使用该属性,在…

python 全栈开发，Day55(jQuery的位置信息,JS的事件流的概念(重点),事件对象,jQuery的事件绑定和解绑,事件委托(事件代理))

一.jQuery的位置信息 jQuery的位置信息跟JS的client系列.offset系列.scroll系列封装好的一些简便api. 一.宽度和高度获取宽度 .width() 描述:为匹配的元素集合中获取第一个元素的当前计算宽度值.这个方法不接受任何参数..css(width) 和 .width()之间的区别是后者返回一个没有单位的数值(例如,400),前者是返回带有完整单位的字符串(例如,400px).当一个元素的宽度需要数学计算的时候推荐使用.width() 方法 . 举例: <!DOC…

jQuery基础（4）- 位置信息、事件流、事件对象、事件代理、jquery事件

一.jQuery的位置信息 jQuery的位置信是JS的client系列.offset系列.scroll系列封装好的一些简便api. 1.宽度和高度 a.获取宽度和高度,例如: .width() // 获取匹配元素集合中的第一个元素的宽度值,内容宽度,不含padding .height() // 获取匹配元素集合中的第一个元素的高度值,内容高度,不含padding 注意:这个方法不接受任何参数..css(‘width’)(或.css(‘height’))和 .width()(或.height()…

Flash对象插入到网页中的3px问题

我记得我已经遇到过,不过今天又遇到了,而且浪费了大量的时候在上面,甚至怀疑自己写的脚本有问题,花了几乎一个下午来调试这个问题.最后发现是样式导致的- 公司里有很多网页游戏,之前是项目多,抄来抄去,JS代码有的是我写的,有的是其它同事直接从网上下载下来copy进去的,到处都是JQuery的$,我不太愿意看到一个页面为了获取DOM对象(getElementById)以及绑定事件来引用额外的脚本,同时也为了统一.网页游戏大多数都是全屏显示,浏览器可视区域有多大,它就全屏显示在里面,为了避免混乱,写了一…

javascript 常用对象

<!doctype html> <head> <script type="text/javascript"> /* ps:需要注意的是部分的方法是区分大小写的比如Math 00x1 string 字符串对象 length 属性长度 concat(string) 连接两个或者更多个字符串 indexOf('hello',string) 返回出现的字符位置,如没找到返回-1 案例: var str = "hello world"; a…

javascript之Window 对象

一.说明:他是JS中最大的对象,它描述的是一个浏览器窗口,一般要引用他的属性和方法时,不需要用“Window.XXX”这种形式,而是直接使用“XXX”.一个框架页面也是一个窗口. 二.Window窗口对象有如下属性. 1.name 窗口的名称,由打开它的连接(<a target="...">)或框架页(<frame name="...">)或某一个窗口调用的 open() 方法(见下)决定.一般我们不会用这个属性. 2.status 指窗口下…

PHP 简单面向对象验证码类（静态实例对象调用）

没事写了一个简单的面向对象验证码类,可以直接使用(替换一下字体路径) <?php class authCode { private static $instance = null; #实例对象 private $width = 120; #图片宽度 private $height = 40; #图片高度 private $font = 'font/elephant.ttf'; #字体文件路径 private $fontSize = 14; #字体大小 private $strLen = 6; #…

使用@property 添加width 和 height 属性

@property Python内置的@property装饰器就是负责把一个方法变成属性调用的: class Screen(object): def isint(self,px): if not isinstance(px,int): raise ValueError('px must be an int') if px<0 : raise ValueError('px must be not a negative number') @property def width(self): retu…