Web前端基础总结.doc

1.Js的基本类型：

Undefined:只有一个值undefined，它是变量未被赋值时的值，在JS中全局对象有一个undefined属性表示undefined，事实上undefined并非JavaScript的关键字，可以给全局的undefined属性赋值来改变它的值。

Null:只有一个值null,但是JavaScript为它提供了一个关键字null来表示这个唯一的值。Null类型的语义是“一个空的对象引用”。

Number:NaN是其一个特殊的属性值，typeofNaN//“number”);

String:其正式解释是一个16位无符号整数类型的序列，它实际上用来表示以UTF-16编码的文本信息。

Boolean:有两种取值true和false。0、NaN、空字符串、null、undefined转化为false，其余的全部为true。

Object:最为复杂的类型就是Object，它是一系列属性的无序集合，Function是实现了私有属性[[call]]的Object，JavaScript的宿主也可以提供一些特别的对象。typeof[3,344]//‘Object’

关于null和undefined：null是关键字；undefined不是关键字，undefined是Global对象的一个属性。

运算时null与undefined都可以被类型转换为false，但不等值于false：

??????document.writeln(!null,!undefined);//true,true

??????document.writeln(null==false);//false

??????document.writeln(undefined==false);//false

document.writeln(undefined==null);//true

nullinstanceofObject//false

typeofnull//Object

2.JS的类型转换

手动的转换有：Number(x);Boolean(x);String(x);以及parseInt,parseFloat,toString,valueOf等等。

自动的转换：如果“+”操作符的一个操作数是字符串，则会将另一个操作数转换为字符串，一元操作符“*”、“-”将操作数转换为数字，一元操作符“！”将操作数转换为布尔值并取反。

‘hello’+5//‘hello5’

‘hello’+null//‘hellonull’

‘5’*5//25

‘hello’*5//NaN

X+””//等价于String(x)

+X或者X-0//等价于Number(X)

!!X//等价于Boolean(X)

3.margin属性

四个参数：上右下左

三个参数：上、左右、下

两个参数：上下、左右

一个参数：四周

4.关于float问题，浮动元素后跟非浮动元素的情况。

后边非浮动元素若为行内元素且因为定位产生重叠时，行内元素边框、背景和内容都在该浮动元素“之上”显示，若为块级元素且因为定位产生重叠时，该块级元素边框和背景在该浮动元素“之下”显示，只有内容在浮动元素“之上”显示。?【有示例】。

Clear属性规定元素的哪一侧不允许其他浮动元素。clear属性定义了元素的哪边上不允许出现浮动元素。在CSS1和CSS2中，这是通过自动为清除元素（即设置了clear属性的元素）增加上外边距实现的。在CSS2.1中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

5.绝对定位、相对定位与浮动定位

绝对定位：absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

相对定位：relative生成相对定位的元素，相对于其正常位置进行定位。设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。

浮动定位：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

示例代码就是最外层的div是relative，里面的就是absolute。

6.关于DOM元素

利用DOM，JS可以相对简