日期:2014-05-16  浏览次数:20342 次

javascript学习-3
javascript 
   HTML+CSS+Javascript  === DHTML
                            dynamic html  


----------------------------------------------
javascript  
  1 事件
  2 DOM 
      获得标签对象 
        var element  = document.getElementById();
        var elements = document.getElementsByTagName();
            element.parentNode
            element.childNodes
            element.firstChild
            element.lastChild
            element.nextSibling
            element.previousSibling 
             
  
    a) 修改文档内容 
         element.属性 
         element.style.
      
    b) 修改文档结构 
          var div = document.createElement("div");
          var txt = document.createTextNode("value");
   
          parentNode.appendChild();
          parentNode.removeChild();


----------------------------------------------------
         parentNode.removeChild(childNode);
         tbody.removeChild(tr);  ?获得tr?
         
         <input type="button" value="delete" onclick="delPerson()"/>
         btn.onclick=  delPerson();
         <input type="checkbox" checked="checked"/>


         document.getElementsByTagName("input");
         tbody.getElementsByTagName("input");






--------------------
  innerHTML 
  innerText (IE);
  
  标签元素的属性    
  
  tr.innerHTML = "<td></td><td></td><input type=""/></td>"
  
----------------------------
BOM  Broswer  Object  module 
      浏览器  对象   模型 
      
      
     javascript 内置对象 
     
     window 
       方法 可以省略window   
       
       window.alert(); 
             .prompt();
             .confirm();
             
             i = .setTimeout(fun,毫秒数); 定时执行一个程序 
             
             .clearTimeout(i); 清空这次定时程序 
            
             i = setInterval(fun,毫秒数);  周期性的执行定时程序 
             
             .clearInterval(i); 清空周期性定时程序 
            
            open(); ---- 打开一个新的网页 
            close(); ---- 关闭一个新的网页