传智播客 JavaScript DOM加强
上了一天的课,很累,不过真的很充实.比自己学的效率要高很多,对技术的理解也提高了不少.对总结有充满了信心,感觉自己两个半月后一定能找到一个五千块以上的工作.哈哈!今天讲的是JavaScript的应用.主要是在项目和工作中经常使用到的功能实现.老师对JavaScript的总结和运用很全面和实用.先简单介绍几句教我JavaScript的老师,佟刚老师,上课的时候很有激情.一讲高兴了,就感觉拦都拦不住的架势.对课堂的掌握,和节奏的把握都很老道,相当有经验.虽然课程内容很多,但老师的讲解方法到位,让我们吸收起来也容易轻松了不少.大大提高了效率.一下课佟刚老师就在教室里走走,走到同学边上问问能不能跟上,有没有没理解的.不管问什么问题,老师都很细心的讲解.说实话真的很认真.老师的话题今天就先聊到这儿,以后再详细说说.先来总结一下今天学习到的知识.
今天的主要内容是JavaScript DOM加强.上午讲解了一下基础知识和一些API方法的使用,加强基础.主要对这些内容进行了讲解,节点及其类型;查找元素节点;查看是否存在子节点;nodeName;nodeType;nodeValue;替换节点;查找属性节点;设置属性节点;创建新元素节点;创建新文本节点;插入节点;删除节点;遍历节点树;获取第一个子节点;获取最后一个子节点;innerHTML属性;
老师提前就把PPT给我们预习了,内容看起来真的很多.不过在课堂上学习的时候,并没有感觉到有太吃力.老师总能用简短有效的例子和代码,把问题讲解清楚.
1.JavaScript相对支持好的IDE.Aptana.今天还真的头一次使用.原来一直用MyEclipse或Eclipse对JavaScript开发,支持的不是很好,有时候很费劲.有了这个大大的提高了效率.界面和原来用的Eclipse都是一样的,所有今天虽然第一次时候,但也不是很别手.很快就用这个IDE写了一个JavaScript的HelloWorld.很好的开始.
2.方法是使用:
获取元素节点:var bj = document.getElementById("bj");
获取属性节点:var nameNode = bj.getAttributeNode("name");
获取元素节点的 nodeName 属性值:bj.nodeName
获取属性节点的值:var name = bj.getAttribute("name"); alert(name);
获取元素节点的 nodeValue 属性值, 返回 null:bj.nodeValue
3.点击任何 li 节点, 弹出对应的文本值
思路:
①获取所有的 li 节点
②为每个 li 节点添加 onclick 事件
③在相应函数中弹出当前节点的文本值
在②和③步中,使用了for循环.
4.点击任何 li 节点, 对节点内容进行修改.
在这里要注意,关于节点的属性: 只读 -- nodeName, nodeTy
相关文档：
除了内置的 JavaScript 对象以外，你还可以使用 JavaScript 访问并处理所有的 HTML DOM 对象。
更多 JavaScript 对象
点击以下链接，可以获得以下对象的更多信息，包括它们的集合、属性、方法以及事件。
对象描述
Window
JavaScript 层级中的顶层对象。Windows 对象会呈现 (represent) 一个浏览器窗口。每当 <body& ......
只能输入数字："^[0-9]*$"
只能输入 n 位的数字："^\d{n}$"
只能输入至少 n 位的数字："^\d{n,}$"
只能输入 m ～ n 位的数字："^\d{m,n}$"
只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"
只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"
只能� ......
在哪里放置 JavaScript
页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时，我们希望当页面载入时执行脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。
位于 head 部分的脚本：
当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要� ......
区分XHTML与HTML的标志：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
前者是XHTML，后者是HTML
浏览器的高和宽：
XHTML：
document.document ......
发现自己代码中用if的地方比较多，于是就在上周对case语句好好研究了一番并优化了自己的部分代码。因此出现了如下if和case的比较一说。声明当case的条件块中没用break时候，是和if一样的一个一个的条件来判断执行。当条件中有了break，编译器会为它做二分法优化(或跳转表)，就是根据条件来跳转，平均性能高于if。
定义： d ......
