传智播客 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
相关文档：
私有变量 在对象内部使用'var'关键字来声明，而且它只能被私有函数和特权方法访问。
私有函数 在对象的构造函数里声明（或者是通过var functionName=function(){...}来定义），它能被特权函数调用（包括对象的构造函数）和私有函数调用。
特权方法 通过this.methodName=function(){...}来声明而且可能被对象外部的代码� ......
<script type="text/javascript">
function fnOnPageChanged(page) {
var url = '<?=url('ShowFront','Search',$Request);?>' + '&page=' + page;
//alert(url);
document.location.href = url;
}
</script>
<select id="selectPage" onChange="fnOnPageC ......
Html页
<a href="javascript:void(0);" ><img id="SubmitFeedback" src="/images/comment_btn.gif" /></a>
脚本
$(document).ready(function() {
alert("页面刷新");
$("#SubmitFeedback").bind("click", Test);
});
functi ......
JavaScript运行代码框代码
<script language="JavaScript" type="text/JavaScript">
//运行文本域代码
function runEx(cod1) {
cod=document.all(cod1)
var code=cod.value;
if (code!=""){
var newwin=window.open(’’,’’,’’); //打开一个窗口并赋给变量newwin。 ......
function setEnd(field) {
if (field.createTextRange) {
var r = field.createTextRange();
r.moveS ......
