javaweb-day 03

8426 ワード

javascript
  • 複合データタイプ:内蔵オブジェクト、カスタマイズオブジェクト、ブラウザオブジェクト、拡張オブジェクト.
  • 内蔵オブジェクト:Date、Math、Number、String
  • カスタムオブジェクト:(コードを見て)
  • ブラウザオブジェクト:BOM、ブラウザオブジェクトモデル.
  • 行列
  • 定義:配列は要素のセットである.
  • 特徴:配列の初期化サイズを定義することは、最終的に配列に追加される要素に影響を与えない.配列要素タイプは限定されず、すなわち、雑合タイプ
  • である.
  • 配列定義方法:var num=new Aray()var num=new Aray(a,b,c)
  • 関数
    1.関数とは、特定の機能を持つセグメントのことです.関数は、戻り値がなくてもいいです.戻り値が必要な場合は、returnで戻ります.
    BOM
  • 概要:Javascript技術を使って、ブラウザの各構成部分を操作します.例えば、文書領域、ステータスバー、アドレスバー、ウィンドウ
  • 分類:
  •      01——window(          )
                  alert()   
                  confirm()   
                  prompt()   
                  open()       web  
                  setTimeout()      
                  setInterval()      
            02——location(     )
                  href     web  
                  reload()  
            03——screen(        )
                  availHeight      
                  availWidth      
                  height     
                  width     
            04——document(       )
                  forms       ,            
                  bgColor     
                  fgColor     
                  write()         
            05——history(    ,  ,  ,      )
                  go(0)  
            06——navigator(          )
                  appName     
                  appVersion          
    
  • 各オブジェクトの具体的な実装例
  • を参照することができます.
    関数の3つの定義
    1.    
         function add(num1,num2){
             return num1+num2;
         }
    2.      
         var add = new Function("num1","num2","return num1+num2");
    3. /      
         var add = function(num1,num2){return num1+num2}
    
  • フォーム検証:重要です!
  • DOM
  • は、プラットフォームにまたがり、ブラウザにまたがり、言語にまたがる規則であり、ウェブページのラベルにアクセスすることができる.(簡単に言えば、このモードはブラウザ内のラベルを操作するための各種属性である)
             DOM   ,      
             01——    ,  :document
             02——    ,  :div
             03——    ,  :  
             04——    ,  :id=”timeID”
              DOM      ,   WEB  ,     (Node)  
    
    
     getElementById():  ID    
     getElementsByTagName():          ,       
     getElementsByName():        ,       ;
    
  • 追加の内容
          ,      ,       ,     
      :    ,    
             
        ;
         ,
      :   :;a
    
                  ,       ,         
    BOM:  javascript              ,  ,    ,    
    BOM  :window,location, screen, document, history(           ),navigator(         )
    DOM:             ,    ,    
                     CSS  ;  :     
    javascript  :  javascript          
    Dhtml:         ,  ,  ,   ,window     
              
        :document,    ;    :html     :border,    ,td
    
    ダークホースの内容
     、JavaScript Html     (  )
        Javascript HTML        :
            1.       ,        
                
            2.         :  function      
                function fun(){ alert('  ')} ;
            3.    js  .
                    
    
     、JavaScript    (  )
    
        *     :  var      .                  。
        *     :          undifined,       。
                     Number  。         
                     String  。     
                     Boolean  。    
                     Function  。    
                     Null  。      
                     object :    .
        *         : 
                1.   typeof     :typeof(a) == "string"
                2.   instanceof   : a instanceof String
    
        *     
            a.    
            b.    
            c.     for,while,do...while
    
        *    
            1.      +(  ) -  ++ -- 
            2.      +(  ) - * / %
            3.      ? :
            4.    ==       ,
                    ===     ,       
    
        *      
            1. Number String : 3 + ""
            2. Number Boolean : javascript , 0  ,0  。     null  undefined,   .
            3. String Number:
                    a. parseInt,parseFloat
                    b.   1  
    
     、JavaScript      (  )
        *           : 
            1.  function      
            2.          
            3.  new Function()   (  ,   )
    
        *      :
            1.               ,               
            2.       ,                ,     。
        ***   :          。
    
            :
                         .
    
     、JavaScript     (  )
            :
            1.isNaN (  ):                 
                NaN: not a Number ,      
            2.parseInt,parseFloat
            3.eval(  ):          
            4.escape():   
            5.unescape():   
            6.encodeURI():    (URL)    
            7.decodeURI():    (URL)    
    
     、JavaScript      (  )
        * Array       ,      
                
                1.  new   
                2.     []   
                               
                    
              : 
                1.javascript            
                2.javascript             。
    
              : 
                1.join() :                .        
                2.push() :             
                4.reverse() :  
                3.shift() :              
                4.sort() ;    .           .
                
        * String   -----           
            String  : 
                  : substr:                 ,      
                        substring:                 ,      
                        toUppercase:
                        toLowercase:
                        indexOf:
                        charAt() :
                        replace():
        * Number   ----           
                Num  :
                        1. random() :      [0,1)
                        2. ceil() :              
                        3. floor() :              
                        4. round():           
        * Boolean   ----            
        * Math         
        * Date            
            Date  :       
                      : getXXX() :      
        * RegExp           
                 
                  : 1. new      var r = new RegExp("ab") ;
                       2.   /     / (  )  var r = /ab/ ;    
    
    BOM
    1.BOM   
        browser object modal :       。
             :window  。
        Window                    。
    
    2. window   
         innerHeight: 
         innerWidth:  IE   
                :document.body.clientWidth
                      document.body.clientHeight
         self :   window  
         parent:           
         opener:           。
                2      opener:
                       1.  winodw.open()       
                       2.  (   target      _blank)
                2      parent:
                       1.iframe   
                       2.frame   
         frames[]:     ,      window     ,    frames[  ]      window  。
              :        .
         
        open  ,       .
    
    
           :
             1)    alert() ;
             2)    confirm() ;
             3)    prompt() ; (  )
    
           :
           setTimeout ,setInterval
                :1.setTimeout() :    1 
                 2.setInterval() :        1 
     
    3. history  
         a.  forward()  
         b.  back()   
         c.  go(n)      ,     .
    
    4. location  。
            1.href   :          URL
                               、window.location.href='demo_window   close  .html' ;
                               、window.location='demo_window   close  .html' ;
    
            2.reload  :   
                  : window.location.reload() ;
    
    5.    
        *   (  ,           )
              
        * onmousemove(event) :        event     。     
        * onmouseover :       
                  :                  
                this:  this                 
                this.style.backgroundColor :              ,         ,    .
            
               :       p      ,p        (  demo01_      .html)
        * onmouseout :       
                  :             
                (demo_02_      .html ;
            
    *       
        onclick :             
              :       , 

    " " (demo03_ .html) * onload ,onunload (onload) : (onunload) : : onload onunload body (demo04_ .html) * onfocus, onblur : : : , ( demo05_ .html) * onkeypress,onkeyup,onkeydown onkeypress: onkeydown : onkeyup: (demo06_ .html`) * onsubmit,onreset : 。( form ) : 。 : ( ): : , ( demo07_ .html) * onselect: onchange: onselect: . onchange: select . : , selectedIndex : (demo08_ .html)