javascipt和DOM

相对于HTML,XHTML对允许使用的标记有这跟个严格的要求。

有的浏览器会将回车键视为一个文本节点，而childNodes,firstChild,lastChild会返回所有节点(包括文本节点)。当只需要对元素节点进行处理时，用getElementsByTagName或getElementI获取更安全

javascript与java在编译过程中有几点不同：

1.javascript在编译中进入一个函数时，会产生一个子进程，主进程继续编译之前主函数的代码

<span style="font-size:18px;">function(){
alert("1");
fucntion2();
alert("2");
}
function2(){
spendingtime````
alert("3");
}</span>

显示结果是"1,2,3"
而java对于同样的逻辑，会先编译完f2然后继续，显示结果是“1,3,2”

2.javascript允许对一个赋值为变量的函数进行逻辑判断，无论函数返回何值

var elem = fucntion();
if(elem){
alert("1");
}
function(){
return false;
}
无论return true或是false显示结果都是"1"，因为逻辑if判断的是元素elem是否有被赋值。

在CSS中可以对一个元素进行裁剪。通过overflow属性的4种：

1.visible:
不裁剪溢出的内容。浏览器将把溢出的内容呈现在其容器元素的显示区域以外的地方，全部内容在浏览器窗口都是可见的

2.hidden:裁剪溢出的内容。内容只显示在其容器元素的显示区域里面，这意味着只有一部分内容在浏览器窗口是可见的

3.scroll:类似于hidden，浏览器将对溢出的内容进行裁剪，但是会显示滚动条以便让用于能够看到内容的其他地方

4.auto:类似于scroll，但浏览器只在真的发生内容溢出时才显示滚动条。如果内容没有溢出，就不显示滚动条

同样CSS还有一个位置属性position。DOM也可以完成element{
position: absolute;
top: 50px;
left: 100px;
}
element.style.position="absolute";
element.style.left="100px";
element.style.top="50px";
position合法取值有static,fixed,relative,absolute。其中absolute可在容器中任意移动。如果把属性是absolute的元素放入一个属性是relative的元素，后者就成为前者的容器。
位置受top,left,right,bottom等属性决定。这些都是距离边界的值，为了防止冲突，最好只是用top或bottom之一，left和right也是如此