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" οnclick="delPerson()"/>
         btn.οnclick=  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(); ---- 关闭一个新的网页 
                     ---- 只有在open方法打开的页面中
                          调用window.close()才有意义
             
 --------------------------------------------------------
     document  
       document.write();
       document.writeln();
       
     DOM  
       document.getElementById();
       document.getElementsByTagName();
       document.createElement();
       document.createTextNode();
       
       
     document.forms[0]  
             .images[]
             .anchors[]
       
         
     document.forms[0]  -----> 
     
     
     Form标签对象 
        form.elements[] ---> 表单标签的子标签 
     <form method="" action="">
        <input type="text" name=""/>
        <input type="text" name=""/>
     </form>
     
      document.forms[0].elements[0]
     
     
      <form method="post" action="">
        <input type="submit" value="submit"/>
        <input type="button" value="click me"/>
      </form> 
     
     document.forms[0].submit(); ---- > <input type="submit"/>
     效果一样的功能 
     
      
     location 代表地址栏 
       location.href=""
       作用在地址栏中指定一张网页的路径 
       
     history  


       history.back();
       history.forward();


------------------------------------------------------
java动态网页技术 
     服务器 Tomcat Jboss Weblogic  WebSphere
            Resin  ClassFish  SunAppOS  




java
    我的电脑 
        属性 
          高级 
            环境变量 
              
            
    1 Path  修改 
               c://Progrmam Files/java/jdk1.6/bin;path
    2 CLASSPTH 新建 
    3 JAVA_HOME 
               c://program Files/java/jdk1.6






    启动tomcat 
      cd d:tomcat_home/bin
      startup.bat
    浏览器 http://localhost:8080/  
    
--------------------------------------------------------
JavaWeb编程 
   JavaEE编程 
      Servlet JSP  
---------------------------------------------
软件的发展历程 
   1 单机版软件 
   2 网络
      c/s架构的软件  2层架构 特点 
          client（客户端）  server(数据库服务器）            
      ATM 
         ATM （client)  ----  server（数据库服务器）
           +200          ----  account  更新操作 
           -200
      好处：
      缺点：client功能太多了 ,修改很麻烦 
      
      client功能？ 
        1 UI 用户界面 
        2 业务处理 业务操作 
        3 协议处理功能  
        
     c/s 3层体系架构 
       瘦client 
       client   ----- Server(应用服务器）----Server(数据库服务器)
        1 UI          1 业务处理功能  
        2 协议处理 
     
     
       Server(client) --- Server(应用服务器） ---- Server(数据库服务器)
  
        ?思想 
          1 html充当 
            好处 1）html小
                 2）浏览器中
                 3) http协议
        
        B/S （瘦client应用）    sohu（互联网应用） baidu dangdang  360（京东)
         broswer server
          client --- 由服务器中的html页面充当ui 
                     http协议 
                
        
         总结 b/s 服务器存储 程序 
                  由服务器软件(tomcat )调用程序 
                  生成html页面 返回给用户的client（浏览器)
                  
                  
                  
         由 tomcat调用的方法 必须 实现一个接口 
         Servlet{
           service(){
            xxx
            xx
           }
         }
         Servlet{
           serivce(){
           
           }
         }         
    ----------------------------------------------------
    JavaWeb程序的开发  TOMCAT  
   准备环境 
    1 安装服务器软件 
    2 webapps  ---- web applications
       |— servletapp （名字随便写)
            |-WEB-INF  
                |- classes --- java类 
                |- lib --- 需要的jar  
                |- web.xml  copy 别的项目 
   核心开发             
    3  创建java类 生成动态页面             
        implements Servlet{
          public void service();
        }        
    
      javac -d . HelloServlet.java
    
      tomcat_home
              |-lib  
                 |-servlet-api.jar 
                 
           
       CLASSPATH
       .;D:\tomcat\lib\servlet-api.jar 


     4 注册 web.xml  
       目的：让tomcat知道 写过类 
       
       <servlet>
         <servlet-name>Hs</servlet-name>
         <servlet-class>全限定名</servlet-class>
       </servlet>
       <servlet-mapping>
          <servlet-name>Hs</servlet-name>
          <url-pattern>/xx</url-pattern>
       </servlet-mapping>
       
       运行程序 
         1 启动 tomcat   ---》 tomcat_home/bin startup.bat
         2 访问 浏览器访问 
           url 
           http://localhost:8080/servletapp/hs