DOM2非标准但却支持很好的几个属性小结
1、偏移量
offsetWidth:指元素在水平方向上占用的空间大小,包括边框及滚动条的宽度
offsetHeight:指元素在垂直方向上占用的空间大小,包括边框及滚动条的高度
offsetLeft:返回元素的左偏移量,即元素的左外边框至包含元素的左内边框的像素距离
offsetTop:返回元素的上偏移量,即元素的上外边框至包含元素的上内边框的像素距离
offsetParent:返回最近的动态定位的包含元素的索引,即元素的祖先元素
2、客户区大小
clientWidth:指元素内容(含内边距)在水平方向上占用的空间大小,不包括边框及滚动条的宽度
clientHeight:指元素内容(含内边距)在垂直方向上占用的空间大小,不包括边框及滚动条的高度
3、滚动大小
scrollWidth:指元素内容(含内边距)的实际宽度,包括被隐藏的内容宽度
scrollHeight:指元素内容(含内边距)的实际高度,包括被隐藏的内容高度
scrollLeft:指元素左侧被隐藏内容的宽度
scrollTop:指元素上方被隐藏内容的高度
相关推荐
-
JS中dom0级事件和dom2级事件的区别介绍
dom0级事件 <a href="#" id="hash" onclick="fn();fn();"> <button type="button">返回上面进行开通</button> </a> var btn=$('#hash').get(); btn.onclick=function(){ alert(''); }; btn.onclick=function(){ alert(
-
DOM2非标准但却支持很好的几个属性小结
1.偏移量 offsetWidth:指元素在水平方向上占用的空间大小,包括边框及滚动条的宽度 offsetHeight:指元素在垂直方向上占用的空间大小,包括边框及滚动条的高度 offsetLeft:返回元素的左偏移量,即元素的左外边框至包含元素的左内边框的像素距离 offsetTop:返回元素的上偏移量,即元素的上外边框至包含元素的上内边框的像素距离 offsetParent:返回最近的动态定位的包含元素的索引,即元素的祖先元素 2.客户区大小 clientWidth:指元素内容(含内边距)在
-
MySQL UPDATE 语句的非标准实现代码
今天给大家介绍一下 MySQL 数据库中 UPDATE 语句和 SQL 标准(以及其他数据库)实现上的一个差异.如果我们没有注意到这个问题,很可能会导致意料之外的结果. 我们首先创建一个简单的示例表: CREATE TABLE t1( id int, col1 int, col2 int ); INSERT INTO t1 VALUES (1, 1, 1); SELECT * FROM t1; id|col1|col2| --|----|----| 1| 1| 1| --------------
-
go 下载非标准库包(部份包被墙了)到本地使用的方法
如下所示: import ( "golang.org/x/net/html" ) 在使用此包时,会导入失败,因为这不是go标准库中,但是由于域名被墙了所以翻墙可以下载此包,放入你的GOPATH路径下的 "golang.org/x/net"这个目录 具体步骤 下载net包(也可以是你需要的非标准库包) git clone https://github.com/golang/net 放入GOPATH路径下 我的GOPATH路径为 GOPATH=/Users/ln/gow
-
php解析非标准json、非规范json的方式实例
前言 采集数据的时候经常碰到一些JSON数据的Key值不是字符串,下面就来看看用php如何解析非标准.非规范json 话不多说,直接上代码: // 解析非标准json,注意暂时未处理 {str:['aaaa','bbb']} $json = preg_replace( "/\s(?=\s)/","\\1", $json );// 多个空格只留一个 $json = preg_replace( "/([\{\}\,]+)\s?'?\s?(\w*?)\s?'?\
-
React tabIndex使非表单元素支持focus和blur事件
目录 前言 触发场景 使用tabIndex使非表单元素支持focus和blur事件 不支持冒泡 支持捕获 react中的focus和blur支持冒泡 前言 在浏览器中表单元素天然支持focus和blur事件,这两个事件在开发过程中出现的频率还是挺高的,前端开发者也都比较熟悉,在这里特意总结一下. 触发场景 鼠标点击 键盘tab键 直接调用dom的focus,blur方法 使用tabIndex使非表单元素支持focus和blur事件 给一个普通的div元素增加tabIndex属性后,这个元素就能支
-
ThinkPHP实现非标准名称数据表快速创建模型的方法
本文实例讲述了ThinkPHP实现非标准名称数据表快速创建模型的方法.分享给大家供大家参考.具体方法如下: 非标准名称数据表,例如:cow_archives_4,类似命名方法常见于齐博cms,08cms等文档模型数据表命名,假设已在配置文件中配置数据表前缀: 复制代码 代码如下: <?php return array( //'配置项'=>'配置值' //数据库配置 'DB_PREFIX'=>'cow_', ); ?> 新建模型,Archives4Model.cla
-
网页的标准,IMG不支持onload标签怎么办
网页的标准,IMG不支持onload标签怎么办 这个记得以前有人问过我,但是我那时还没有注意这些. 现在终于遇到这个问题了.因为 img 标签是没有 onload 事件的.所以 UBB 代码中的img用到的onload来处理大的图片进行自适应,这样的办法就不能采取了.但是经过测试,body还是可以带onload事件的, 所以我解决的办法就是在页面全部加载完后再处理太大的图片. 于是我用JS写了一段简单的代码 window.attachEvent("onload",function ()
-
解决PHP上传非标准格式的图片pjpeg失败的方法
前一阵子网站新上了相册功能,可最近总发现有一些用户上传的图片文件链接失效,代码检查了很多次,测试也做的比较充分了,但还是会出现上传失败的问题,很是郁闷,今天终于找到了解决办法. 从备份源中找到了用户上传失败的JPG图片,进行上传测试,上传完成后页面提示: Warning: imagecreatefromjpeg(): '/tmp/lalala' is not a valid JPEG file in /path/upload.php on line 1 出现这个Warning是由于GD函数库检测
-
.net 读取非标准配置文件的小例子
代码如下: 复制代码 代码如下: public static string Config(string key) { ExeConfigurationFileMap file = new ExeConfigurationFileMap(); file.ExeConfigFilename = @"Providers\\Provider.config"; Configuration config = C
-
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
如设置class属性 复制代码 代码如下: el.setAttribute('class', 'abc'); 在IE6/7中样式"abc"将没有起作用,虽然使用el.getAttribute('class')能取到值"abc". 又如for属性 复制代码 代码如下: <label>姓名:</label><input type="checkbox" id="name"/> <script
随机推荐
- jquery ajaxSubmit 异步提交的简单实现
- AngularJS基础 ng-show 指令简单示例
- 批处理的api WMIC学习体会有感第1/2页
- 使用GSON库转换Java对象为JSON对象的进阶实例详解
- javascript实现简单加载随机色方块
- 关于mysql数据库误删除后的数据恢复操作说明
- thinkphp3.2中实现phpexcel导出带生成图片示例
- Python中条件判断语句的简单使用方法
- php提取字符串中网站url地址的方法
- 为GridView的行添加鼠标经过、点击事件的小例子
- 关于jQuery中fade(),show()起始位置的一点小发现
- JS实现拖动示例代码
- java 实现输出随机图片实例代码
- Android AsyncTask实现机制详细介绍及实例代码
- java 中clone()的使用方法
- pymongo实现控制mongodb中数字字段做加法的方法
- PHP错误和异常处理功能模块示例
- android实现将位置信息写入JPEG图片文件
- JS关于刷新页面的相关总结
- JS实现自定义弹窗功能