ビッグデータ公式9

ビッグデータ公式9
JavaScriptの概要
Webページ
HTMLはウェブページの内容を定義するcssは、ウェブページのレイアウトを記述する
JavaScriptは、Webページの動作を指定します.

JavaScript履歴
1995年5月--ネットビュー会社--Brendan Eichは10日間、LiveScript 1995年12月--javaScript と改名
1996年8月--マイクロソフト--Jscript 1997-1999年--ECMA国際組織、ECMAAScript、既存のJavaScriptとJscriptに基づいて、標準的なScript文法規則を提出し、JavaScriptとJscriptはこの標準に従っている.
1999年以降、ECMAScriptはを更新し続けた.

Javaとの関係:関係なく、javaの熱をこすっただけですJavaScriptの特徴
スクリプト言語は、コンパイルを必要とせず、実行を説明する言語です.
HTMLを挿入できるプログラミングコードは、すべての現代ブラウザでを実行できます.
オブジェクトベースの弱い言語簡単に勉強できます.

メリット
インタラクティビティ:ユーザーとのダイナミックなインタラクションが可能セキュリティ:ブラウザ内でのみ実行でき、ローカルハードドライブまたはその他のリソースにアクセスできません.
クロスプラットフォーム:操作環境に関係なくブラウザで実行可能
HTMLにJavaScriptを導入する
htmlに直接書く--scriptラベルの

    function f1(){
        alert("helloworld!");
    }

外部のjsファイルを取り込む--scriptタグ

JavaScript
コメント
// コメント/**/
データ
データ
タイプ(number)

1. js ，            ，    ，          --1.2+1.8=3
2.    
    1. Infinity    
    2. -Infinity    
    3. NaN（not a number），         ，       。              ，   NaN==x   ，      isNaN（x）    
3.     ：Number

タイプ(String)

1.             
2.     ：String

ブール (boolean)

1. true/false
2.     ：Boolean

undefinedタイプ

1.      ：undefined
2.        
3.          ，        ，     undefined

nullタイプ

1.      :null
2.         
3.          ，              

なデータ・オブジェクト:オブジェクト( オブジェクト、 、 )jsでのタイプ
タイプ

1.       ：            --3->"3"
2.      ：0 NaN  false，       true
3.    ，            --100->new Number(100)

1.     “”：    0；    false
2.   ，      ：        ；     true
3.   ，      ：    NaN；    true
4.    ，     String   

ブール

1. true：    1，     “true”
2. false：    0，     “false”
3.         

undefined

    NaN；    “undefined”；    false；        

null

    0；    “null”；    false；        

の :
varは のタイプの を すことができる.
jsにはデータ があるが、 はタイプを せず、 いタイプ

Javaの とほぼ じその

1. == ===：==                     ；===       
2. typeof   ：       
3. delete   ：       

ステートメント
Javaの とほぼ じ なる

1. if     
                        
2. switch  
       java    ，        
3.     
    js     for  

＃カンスウ＃
functionキーワードによって

function    (    ){
    //   
}

//    
   （    ）；

を する
によって される

var fn =function(    ){
    //   
}

//    
   （    ）；

はいれつ
Array()コンストラクション により

var arr1=new Array();//       
var arr2=new Array(10);//       10   
var arr3=new Array("hello",666,true);//              

を する.
の によって

var arr4=[];//       
var arr5=["x",100,false];

が される.
の

1.             
    var arr=["a","b","c"];
    arr.length=1;
    //   ["a"]
2.               ，      undefined
    var arr=["a","b","c"];
    arr[10];//undefined
3. JS               
    var arr=[1,"2",true];

String

1.   
    var str1=new String("xxx");
    var str2="yyy";
2.         
    1.         
        str.lenth
    2.            
        str.charAt(0)
    3.             
        str.indexOf("java",2)
    4.            
        str.lastIndexOf("java",10)                  
    5.                   
        var arr=str.split("-")
    6.           
        str.slice(start,end)
    7.                    
        str.substr(start,length)
    8.             
        str.toLowerCase()
    9.             
        str.toUpperCase()
    10.        
        str.math(regexp)
    11.         
        str.replace(regexp,replaceText)
    12.                      
        str.search(regexp)

RegExpオブジェクト( )

1.   
    1. var reg1=new RegExp("","");
    2. var reg2=/XXX/;
2.    
    1. g(Global)    
    2. i(ignoreCase)     
    3.        ，   “^”  ， “$”  
3.   
    1. reg.test(str);

Arrayオブジェクト

1.   
    1. var arr1=new Array();
    2. var arr2=[];
2.         
    1.        
        arr.length
    2.           
        arr.concat(arr1,arr2,arr3)
    3.                 
        arr.join("-") 
    4.     
        arr.reverse()
    5.        
        arr.slice(start,end)
    6.               ，    ，               ，        
        arr.splice(start,deleteCount,vaule...)
    7.               
        arr.pop()
    8.                ，         
        arr.push(value)
    9.                 
        arr.shift()
    10.         
        arr.sort(sortfunction)
    11.                             
        arr.unshift(value)

dateオブジェクト

1.   
    1. var date1=new Date();//    
    2. var date2=new Date( ， ， [ ， ， ]);//    ，   0  
2.     
    1.                  
        date.toLocaleString()
    2.     
        date.getFullYear()
    3.     
        date.getMonth()
    4.      
        date.getDate()
    5.     
        date.getDay()
    6.   1970.1.1       
        date.getTime()

Mathオブジェクト
って て

1.      
    Math.PI
2.   e  
    Math.exp(number)
3.    
    Math.abs(number)
4.     
    Math.ceil(number)
5.     
    Math.floor(number)
6.     
    Math.round(number)
7.   [0,1)      
    Math.random()

を います

Global(グローバルオブジェクト)
グローバルオブジェクトには がなく、 び し

1. parseFloat（String）
2. parseInt（String）
3. isNaN（numValue）
4. eval(codeString)//                    eval("alert('1+2')")---  3

オブジェクトの
:コンストラクション オブジェクト

function Person(){
    //       Person  
}

function Person（    ){
    //     
}

2:

var p={
    "key1":"value1",
    "key2":"value2",
    "key3":"value3"...
}

オブジェクトからの

1. p.key1;
2. p["key1"];

DHTML
DHTMLの
Dynamic HTMLダイナミックHTML しい を うのではなく、 のHTML、css、JavaScriptを し、DHTML を した.
BOMとDOMに かれています
BOM:Browser Object Modelブラウザオブジェクトモデル.ブラウザ の オブジェクトがカプセル されている.
DOM:Document Object Modelドキュメントオブジェクトモデルは、HTMLドキュメント をドキュメント に ってツリー を する.


BOM
Windowsオブジェクト:グローバルオブジェクト、Windows
イベント

1. onclick--        
2. onfocus--         
3. onblur--         
4. onload--  HTML       

な

1. alert()     
2. confirm()     

locationオブジェクト
プロパティ:href

DOM

1. document.getElementById("id ");//  id     id  
2. document.getElementsByname("name ");//  name     name       
3. document.getElementsByTagName("   ");//                  

1. value//         value 
2. innerText//（        ），             
3. innerHTML//        HTML  

の

1. document.createElement("div");//    div  
2. body.appendChild(  );// body        
3. body.removeChild(  );//  body       
4. body.replaceChild(   ，   );//    
5. body.insertBefore(     ，   );//    
6.   .cloneNode(boolean);//    ，     false，       ，       。