Java Web総復習——js基礎

5178 ワード

js概要:
		JavaScript         ,       、   、       ,
	      。        JavaScript  ,        ,            
1.jsの構成:
		ECMAScript(  )
		BOM(       )
		DOM(      )
2.htmlとjsの統合
		  1:    js
			js  
		  2:
			        js       :.js
			 html   script src    
				
		  :
			     src  ,  script     js        .		
3. :
		var    =    ;
4.データの :
		    (5 )
			Undefined
			Null
			String          
			Number
			Boolean
			
			  typeof                  ,      ,         .
				typeof   | 
		    
5. :
		     :
			        ,  ascii 
			      , java  
			     ,           ,     
			     ,                  false
		     
			"66"==66  true
			"666"===666 false
6.jsの
		if while for  java  
		//
		    :
			var obj=document.getElementById("id ");
		     value  
			var val=document.getElementById("id ").value;
		     value  	
			document.getElementById("id ").value="sdfsdf";
		         
			var ht=document.getElementById("id ").innerHTML;
		        
			document.getElementById("id ").innerHTML="ssss";
	
		    :
			  1:function    (    ){   }
			  2:
				var    =function(    ){   }
			  :
				                
				            
				  return         
7.イベント:
		onclick   
		onsubmit     
		onload                
8.イベントと の
		  1:         
			
		  2:    
			document.getElementById("id ").onxxx=function(){...};
			document.getElementById("id ").onxxx=   ;
ケース1-タイミングポップアップ
  :
	     4 ,    ,2   ,     .  2 ,    .
    :
	   
   (BOM-window  )
	setInterval(code,   ):    
	setTimeout(code,   ):             .
	
	     
		clearInterval(id):
		clearTimeout(id):
bom(ブラウザオブジェクトモデル)まとめ
        5   
	window:  
	location:     (   )
	history:  
windowオブジェクト :
        (frame   iframe   ),      HTML        window   ,
              window   。
     :
	  window           
		window.location     location
		window.history     history
		...
     
	   
		alert("...."):   
		confirm("       ?"):       :boolean
		prompt("       "):       :      
	   
		     
			setInterval(code,   ):    
			setTimeout(code,   ):             .
			
			  :
				setInterval(showAd,4000);
				serInterval("showAd()",4000);
		
		     
			clearInterval(id):
			clearTimeout(id):
	     
		open(url):  
		close():  
location:
    :
	href:           url(    )
	
	location.href;   url
	location.href="...";  url     a  
history:
back();  
forward():  
★go(int)
	go(-1)     back()
	go(1)     forward()
イベントのまとめ:
     :
	    :★
		onfocus
		onblur
	    :★
		onsubmit
		onchange   
	      :★
		onload
	
	    (  )
		onclick
	    (  )
		ondblclick:  
		onmousedown:  
		onmouserup:  
		onmousemove:  
		onmouserover:  
		onmouserout:  
	    (  )
		onkeydown:  
		onkeyup:  
		onkeypress:  
バインディングイベント:
  1:
	       
  2:
	    
dom(ドキュメントオブジェクトモデル)
       html     ,                ,     (document )
  (Node)
	     document
	     element
	     attribute
	     text
    :
	  document        :
		    :
			document.getElementById("id "):         
			document.getElementsByTagName("   "):           (  )
			document.getElementsByClassName("class    "):  class        (  )
			document.getElementsByName("name    "):  name        (  )
	         value  
		dom  .value;  
		dom  .value="";  
	            
		dom  .innerHTML;  
		dom  .innerHTML="";  
	      style  
		dom  .style.  ;  
		dom  .style.  ="";  
	        
		dom  .  
:
  :
	new Array();//   0
	new Array(size);//     
	new Array(e1,e2..);//    
	   
		var arr4=["aa","bb"];
    :
	length
  :
	      
	         
    :(  )
	   :      
		pop(): 	    
		push():      
		
		shift():     
		unshift():     
	    :
		join(   ):                 
	    :
		concat():          ,     。
	      :
		sort();  
		reverse();  
の のまとめ:
      String Number Boolean     ,         
Array:  
String:
	  :
		new String( |  );//      
		String( |  );//      
	    :
		substring(start,end):[start,end)
		substr(start,size):                
		
		charAt(index):          。
		indexOf(""):         
		
		replace():  
		split():  
		
	    :length	
Boolean:
	  :
		new Boolean( |  );
		Boolean( |  );
		 0                true
Number
	  :
		new Number( |  );
		Number( |  );
	  :
	
		null====>0 
		fale====>0 true====>1
		      =====>     
		   NaN
Date:
	new Date();
	    :
		toLocalString()
RegExp:     
	  :
		       /     /  
		       /     /
		
		new RegExp("     ")
		new RegExp("     ","  ") 
		  :
			i:     
			g:  
		    :
			test() :    boolean
Math:
	Math.  |  
	Math.PI
	Math.random()  [0,1)
グローバル★:
	decodeURI()         URI。 
	encodeURI()         URI。

	Number():       
	String():     
	
	parseInt():       
	parseFloat():       
	
	eval()    JavaScript    ,            。