学习《动力节点》

1.时间

---

1.1.显示时间信息

　　星期0表示星期天，月份从零开始算起。年份需要注意避免千年虫问题。

  
       
     
          function getDate(){      var vardate = new Date();      alert(vardate);            // 星期      vardate1 = vardate.getDay();      alert("星期"+vardate1);      // 月份      vardate1 = vardate.getMonth();      vardate1++;      alert(vardate1+"月份");      // 天数      vardate1 = vardate.getDate();      alert(vardate1+"日");      // 年份      vardate1 = vardate.getFullYear();      alert(vardate1+"年");    }      
     

1.2.把时间输出到网页

　　写到div中

     
          
      
           
       
                function displayTime(){            var timediv = document.getElementById("timediv");            var nowT = new Date();            var timestring = nowT.toLocaleString();            
                    timediv.innerHTML = timestring;        }        displayTime();    
       
      
     

　　让时间走起来，使用个函数：setInterval，每秒调用一次时间显示函数。

     
          
      
           
       
                function displayTime(){            var timediv = document.getElementById("timediv");            var nowT = new Date();            var timestring = nowT.toLocaleString();            
                    timediv.innerHTML = timestring;        }        function infiniteLoop(){            window.setInterval("displayTime()", 1000);        }        infiniteLoop();    
       
      
     

2.表单验证

---

2.1.校验输入

　　在失去焦点时，启用函数验证提交信息。失去焦点的事件是blur。学习过程中发现，要是回头来重新填写时，提示信息还在，也不够完美。就使用mousedown事件消除提示信息。

    
             
     
              //没有填写任何信息时，提示        function chkNullText(Evalue, Ename){            //用户名输入为空时，提示            if (Ename == "userName"){                if (Evalue == ""){                    var promptpoint = document.getElementById("chkOutPromptName");                    promptpoint.innerHTML = "     请填写内容继续完成注册";                }            }                        //密码输入为空时，提示            if (Ename == "userPassword"){                if (Evalue == ""){                    var promptpoint = document.getElementById("chkOutPromptPassword");                    promptpoint.innerHTML = "     请填写内容继续完成注册";                }            }                        //输入密码长度不够8位时提示            if (Evalue.length < 8){                var promptpoint = document.getElementById("chkOutPromptPassword");                promptpoint.innerHTML = "     建议密码长度大于8位";            }        }                // 再次准备填写时，去掉提示        function clearPrompt(Ename){            if (Ename == "userName"){                var promptpoint = document.getElementById("chkOutPromptName");                promptpoint.innerHTML = "     ";            }            if (Ename == "userPassword"){                var promptpoint = document.getElementById("chkOutPromptPassword");                promptpoint.innerHTML = "     ";            }                    }    
      
           
       
                用户名          
                  
        
         
        密　码          
                    
          
         
    
        
       
      
     

效果

2.2.终止不合法的提交

　　表单提交事件：submit。

     
          ...;
     

只有返回了true时，才提交。

　　需要在代码中设定一个开关，设定一个变量，添加事件句柄onsubmit。

    
     
                  var allowSubmit = false;．．．    
      
           
       
        ...        
            
       
      
     

3.dom操作节点

---

3.1.添加元素

　　为div添加font元素；关键是创建元素、追加元素。

    
             
     
              function addElt(){            //1.获取对象div            var thisDiv = document.getElementById("exa");                        //2.创建需要添加的节点            var fontElt = document.createElement("font");            fontElt.innerHTML = "添加的font属性"            fontElt.color = "#0303E2";            fontElt.size = "36px";                        //3.把创建的节点追加到获取的div对象            thisDiv.appendChild(fontElt);        }