javascipt和DOM-优快云博客

本文对比了HTML与XHTML的区别，特别是在标记使用上的严格要求。此外还介绍了如何使用CSS的overflow属性来裁剪元素，以及如何通过position属性精确控制元素的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相对于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也是如此