【JavaScript】javaScript基礎知識の回顧

3485 ワード

まずJavaScriptの基礎を振り返ってみます.
1.ブラウザの対象ツリー
全体の番号付け概要は、ブラウザの対象ツリーを先に見ます.
1.1ブラウザの対象ツリー.pngのように
2.window対象の常用方法
alert(‘情報’):     メッセージボックス
prompt(『ヒント情報』、デフォルト値):標準入力ボックス
confirm():     確認ボックス
open():     新しいウィンドウを開く
close():    ウィンドウを閉じる
3.フォームオブジェクト
フォームにアクセスする方法:
    *  document.forms[n]
    *  document.フォーム名
フォームオブジェクトの一般的な属性
action
フォームの送信先アドレス
method
フォームの提出方法
name
フォーム名
例1:


	
		
		js  
		
	
	 
		
			
			
		
		
// action /method ( , forms) // 1 var formElement=document.form1; alert(formElement.action); alert(formElement.method); // 2 var formElement=document.forms[0]; alert(formElement.action); alert(formElement.method);
テストの結果、フォームのaction値/method値javaScript定義関数の3つの方法が成功的に出力されます.
例2:複数のボタンを解決してフォームを提出する方法


	
		
		js  
		
	
	 
		
// javaScript printPerson.html selectPerson.html function printPerson(){ var forElement=document.forms[0]; forElement.action="printPerson.html"; forElement.method="post"; forElement.submit(); } function selectPerson(){ var forElement=document.forms[0]; forElement.action="selectPerson.html"; forElement.method="get"; forElement.submit(); }
3.javaScript定義関数の3つの方法
(1)正常な方法
function print(msg){
    document.write(msg);
}
関数を呼び出すいくつかの方法: 
関数名(関数に渡すパラメータ1,関数に渡すパラメータ2,...)
変数=関数名(関数に渡すパラメータ1,関数に渡すパラメータ2,...)
戻り値のある関数呼出しについては、例えば、ALert(「sum="+スクウェア(2,3)」)をプログラム内で直接使用しても良い.
関数値の関数を指定せずにundefinedを返します.
(2)コンストラクタメソッド new Function()
//構造関数方式定義javascript関数注意FunctionのF大文字
var add=new Function('a','b','return a+b')
//上で定義したadd関数を呼び出します.
var sum=add(3,4)
alert(sum)
注:任意の複数の文字列パラメータを受け付けます.最後のパラメータは関数体です.文字列だけを伝えると、関数体です.
(3)関数直接量定義関数
//関数の直接量を使う方法で関数を定義します.
var result=function(a,b){return a+b;
 
//呼び出し関数の直接量で定義された関数
var sum=result(7,8);
alert(sum) 
注:関数の直接量は式です.匿名関数を定義できます.
関数を定義する3つの方法のテスト:


	
		
		js  
		
	
	 
		
		
			//  1
			//      
			function add1(a,b){
				return a+b;
			}
			
			alert(add1(1,2));
			
			//  2
			//        javascript  
			var add2=new Function('a','b','return a+b');
			alert(add2(3,4));
			
			//  3
			//              
			var add3=function(a,b){
				return a+b;
			}
			alert(add3(5,6));
			
		
	



以上はJsの基礎知識の大体の回顧です.
転載は出典を明記してください.http://blog.csdn.net/acmman/article/details/47806539