解决行内元素之间的间隔bug问题
摘要:行内元素中间有空隙产生原因: 换行符、制表符(tab)、空格产生空隙解决方法: 1.元素写成一行 2.设置font-size:0 这个是对包含行内元素的块来设置,这样的话同时也会导致里面的文字消失,就要为其他的设置font-size
阅读全文
绝对定位之类的
摘要:1.图片的大小时200 201,我给包含他的div设置的是300 100,下面的div的margin值是60,发现图片会把下面的div给盖住。就算是给下面的div设置了overflow;hidden属性还是不行。加上宽度也是不行的。2.下面再给图片设置一个绝对定位。此时div2的位置并没有发生什么变...
阅读全文
关于浮动,边距,调试的
摘要:1.div块如果不设置宽高的话,他根本显示不出来,只有有内容时会把他给撑起来。2.我用一个高为201的图片将其撑开的话,他并不是201,在chrome里面是204.在火狐206但是我用div块吧他撑开的话,他就刚好是100,就是100。3,如果上一个元素有30px的下边距,而他下面的元素有60px的...
阅读全文
浏览器的各种宽度和高度
摘要:1.screen.availHeight/screen.availWidth返回显示屏幕的高度 (除 Windows 任务栏之外),也就是浏览器全屏时的外部高度。2.outerHeight/outerWidth返回窗口的外部高度。这个用来显示整个浏览器的高和宽。它也会随着窗口的放大缩小变化。3.in...
阅读全文
js运动基础1
摘要:1.在这个例子里面,如果在div块运动的过程中继续点击按钮的话,速度会越来越快,所以再开另一个定时器的时候要把之前的定时器给关掉。这里timer定义的位置会影响定时器是否关闭,如果把timer定义成局部变量,那么在每一次点击的时候都会是null,那么clearInterval根本起不到关定时器的作用...
阅读全文
模仿块级作用域
摘要:在JavaScript中没有块级作用域的概念。这就意味着在块语句中定义的变量,实际上是在包含函数中而非语句中创建的。就上面这个例子中,可以弹出i是5,因为for语句事实上是包含在window.onload= function(){}这个函数中,alert也在这个函数中。而在java、c++中i只会在...
阅读全文
表格
摘要:1.表格里面写的时候最好把tbody加上去,因为就算不加,在控制台里面看的时候会发现其实系统自己把它给加进去了。刚刚试了一下,如果不加,也不用tBodies那么弹出来的就是Blue,也就是它把表格的页眉也算进去了。如果我自己不写tBodies但是在alert里面写上,他还是会弹出张三。所以我们自己在...
阅读全文
DOM中的创建,插入,删除
摘要:1.创建一个节点,用creatElement(TagName)appendChild 是添加子节点。用法是 父级.appendChild(子节点);2.插入用insertBefore用法 父级.insertBefore(子节点,在谁之前)。 我犯得错误是没有把创建的li获取出来,直接写的oLi[0...
阅读全文
css中选择符
摘要:1.通配选择符*{}2.类选择符.className{}3.包含选择符 (派生选择符或后代选择器) p strong{}4.子选择符 body>strong{}其中strong是body下的子元素 IE7以下不支持5.相邻选择符 p+strong {} 其主要作用是匹配同一个父级下某个元素之后...
阅读全文
css中简写
摘要:1属性值名称过长并带有空格,一定要将属性值用引号包含body{ font-family: 'sans serif';}您也许已经注意到了,上面的例子中使用了单引号。只有当字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号,才需要在 font-fami...
阅读全文
封装一个函数来选择类名为某一个的节点
摘要:这个代码中学到了如果要返回一个数组,可以调用数组的push方法往里面添加。这次写的过程中注意到了哪些该打引号哪些不打。函数return的东西要用一个变量来保存,并不能直接用里面的那个aResult,里面那是一个局部变量。在用TagName选择子元素的时候,因为不知道子元素是什么,所以用了一个通配符来...
阅读全文
firstElementChild
摘要:firstElementChild用于在高版本的浏览器中获取第一个子节点。在IE6-8中是不兼容的,他们应该用firstChild。在写的时候用一个if语句判断一下就好了。 1 2 3if(oUl.firstElementChild)
阅读全文
offsetLeft和offsetTop的定位机制
摘要:offsetLeft和offsetTop表示相对于最近的祖先定位元素(CSS position 属性被设置为relative、absolute或fixed的元素)的左右偏移值下面的例子中,初次进页面,点击第一个按钮,返回的偏移距离时相对于html文档左上角的偏移值;第二个按钮则是相对于div,因为将...
阅读全文
js运动基础
摘要:1.element.offsetHeight返回元素的高度。element.offsetWidth返回元素的宽度。element.offsetLeft返回元素的水平偏移位置。element.offsetParent返回元素的偏移容器。element.offsetTop返回元素的垂直偏移位置。2.po...
阅读全文
重写和重载的区别
摘要:方法的重载和重写是Java多态性的不同表现。重写是父类与子类之间多态性的一种表现,重载是一个类中多态性的一种表现。1.方法重载在Java语言中,如果在一个类中定义了多个同名的方法,他们或有不同的参数个数或者不同的参数类型,则成为方法的重载。public class Test{ public s...
阅读全文
数字钟的制作
摘要:1.用Date来创建一个对象的时候得到的有0123456....这些在显示的时候是不符合规范的,所以想到用''+..使其变成字符串,然后用加号将那些字符串进行连接起来。2.在获取字符串每个数字的时候可以直接用dateString[i]来遍历。3.aImg[i].src = 'images/'+dat...
阅读全文
两种立即执行的函数表达式
摘要:这里用括号和感叹号都是为了让函数不被解析成函数声明,如果没有的话,被认为是函数声明而把它前置解析了,后面就只剩下()了,而且作为函数声明也没有函数名,这些都会报错。
阅读全文
JS中函数
摘要:函数名仅仅是指向函数的指针,function sum(){...} var anotherSum = sum; 注意,使用不带圆括号的函数名是访问函数指针,而非调用函数。如果要用anotherSum来调用函数的话,还是要加圆括号。js中函数没有重载的概念1.函数声明 function functi...
阅读全文
JS中变量
摘要:有一点要注意,用var操作符定义的变量将成为定义该变量的作用域中的局部变量。也就是说,如果在函数中使用var定义一个变量,那么这个变量在函数退出后就会被销毁。 下面这个例子省略了var操作符,则localVal成了全局变量。这样,只要调用过一次outer()函数,这个变量就有了定义,就...
阅读全文
href="javascript:"和href="javascript:void(0);"
摘要:Javascript代码Doesnotappearasalink,becausethere'snohreffniscalledfniscalledfniscalledtoo! 这三个是等价的。
阅读全文
href="#"和href=”javascript:"的区别
摘要:1. 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。href="javascript:",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用...
阅读全文
DOM
摘要:标签 CSS 元素 JS 节点 DOM对dom的支持IE 10% Chrome 60% FF 99%1.chidNodes 子节点。下面所示的例子中有5个子节点的原因是 aaaa这种文本节点。标签则是另一种元素节点。所以一共有五个。如果希望把元素节点的背景改颜色,则需要通过...
阅读全文
float
摘要:1.浮动的原本作用仅仅是为了实现文字环绕效果float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。Q: 脱离文档流就不占据空间了吗?A: 可以这么说。更准确地一点说,是一个元素...
阅读全文
获取非行间样式,数组
摘要:1.用style来获取的是行间样式,若是要获取非行间样式,则要采用currenStyle,getComputedStyle。在用参数的时候要用[]这个来框出来,不能用.2.getComputedStyle(obj,false)[name]这个false可以换成别的,null也行。换成nul就报错。3...
阅读全文