当前位置: 首页 > 编程笔记 >

jQuery中的height innerHeight outerHeight区别示例介绍

季炯
2023-03-14
本文向大家介绍jQuery中的height innerHeight outerHeight区别示例介绍,包括了jQuery中的height innerHeight outerHeight区别示例介绍的使用技巧和注意事项,需要的朋友参考一下
标准浏览器下:
height:高度
innerHeight:高度+补白
outerHeight:高度+补白+边框,参数为true时:高度+补白+边框+边距
html代码:
 
<div id="test">jjjjj</div> 

js代码:
 
alert($("#test").height()); 
alert($("#test").innerHeight()); 
alert($("#test").outerHeight()); 
alert($("#test").outerHeight(true)); 

结果:
在ie中的结果:17px,37px,41px,61px
在ff中的结果:20px,40px,44px,64px
html代码:
 
<div id="test">jjjjj</div> 

js代码:
 
alert($("#test").height()); 
alert($("#test").innerHeight()); 
alert($("#test").outerHeight()); 
alert($("#test").outerHeight(true)); 
[html] 
结果: 
在ie中的结果:17px,37px,41px,61px 
在ff中的结果:41px,61px,65px,85px 

html代码: 
[code] 
<div id="test">jjjjj</div> 

js代码:
 
alert($("#test").height()); 
alert($("#test").innerHeight()); 
alert($("#test").outerHeight()); 
alert($("#test").outerHeight(true)); 

结果:
在ie中的结果:18px,38px,42px,62px
在ff中的结果:42px,62px,66px,86px
html代码:
 
<div id="test">jjjjj</div> 

js代码:
 
alert($("#test").height()); 
alert($("#test").innerHeight()); 
alert($("#test").outerHeight()); 
alert($("#test").outerHeight(true)); 

结果:
在ie中的结果:36px,56px,60px,80px
在ff中的结果:60px,80px,84px,104px
结论:在ie中height包含border和padding并且height最小值为17px ,同理可得width,不过它最小值为15px
 类似资料:
  • 本文向大家介绍JQuery中的html()、text()、val()区别示例介绍,包括了JQuery中的html()、text()、val()区别示例介绍的使用技巧和注意事项,需要的朋友参考一下 1.HTML html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档 html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以

  • 本文向大家介绍DataSet与DataTable的区别示例介绍,包括了DataSet与DataTable的区别示例介绍的使用技巧和注意事项,需要的朋友参考一下 DataSet:数据集。一般包含多个DataTable,用的时候,dataset["表名"]得到DataTable DataTable:数据表。 一: SqlDataAdapter da=new SqlDataAdapter(cmd); D

  • 本文向大家介绍$("").click与onclick的区别示例介绍,包括了$("").click与onclick的区别示例介绍的使用技巧和注意事项,需要的朋友参考一下 Html代码 区别: 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么 click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。如上诉代码所示,当点击'ee'按

  • 本文向大家介绍ext中store.load跟store.reload的区别示例介绍,包括了ext中store.load跟store.reload的区别示例介绍的使用技巧和注意事项,需要的朋友参考一下 store load()和reload() load( Object options ) : Boolean 采用配置好的Reader格式去加载Record缓存,具体请求的任务由配置好的Proxy对象

  • 本文向大家介绍jQuery .tmpl() 用法示例介绍,包括了jQuery .tmpl() 用法示例介绍的使用技巧和注意事项,需要的朋友参考一下 动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面

  • 问题内容: 阅读python文档时,我已经了解了.isdecimal()和.isdigit()字符串函数,但是我对它们的可用区别并没有找到任何清晰的文献。有人可以向我提供这两个函数区别的代码示例。 类似的行为: 问题答案: 有 有 差异,但他们有些罕见*。它主要出现各种unicode字符,例如: 您还可以使用以下方法进一步深入谨慎的unicode-distinction兔子洞: *至少,我从未遇到