JSいくつかの知識ノート

7048 ワード
JavaScriptライブラリjQuery、Prototypeを常用する.
JavaScriptはブラウザにコマンドを出して、ブラウザに何をするかを教えて、webブラウザはJSコードを実行します.
JS関数:JavaScript文はコードブロックの形式で結合され,一つの関数となる.
大文字と小文字を厳密に区別するので、注意しなければなりません.
注釈の役割:実行を阻止し、デバッグを容易にし、コードを解釈し、コードの可読性を高める.
documentシリーズ関数:
document.getElementById("demo")；//  JavaScrpit  HTML   document.write("<h1>hello verna</h1>");   //              ，                  HTML  。 //   ：                    //               (\)    document.write("<h1>hello verna \ I love you ,I want you,I need you </h1>"); 
  
JavaScript関数とイベント
ユーザのクリック、移動などの動作が発生したときにコードを実行することができる.
onchangeユーザが入力フィールドの内容を変更すると関数がトリガーされます.
onmousedownマウスボタンクリック時にトリガー
onmouseupマウスボタンを離すとトリガーされます
onfocusフォーカス取得時にトリガー
onmouseoverマウスがHTML要素の上に移動すると関数がトリガーされます.
onmouseoutマウスがHTML要素を移動すると関数がトリガーされます.
JAvascriptイベントリストの説明
≪イベント｜Events｜ldap≫
ブラウザのサポート
解説
一般イベント
onclick 
IE3、N2 
このイベントはマウスクリックでトリガーされます
ondblclick 
IE4、N4 
マウスをダブルクリックすると、このイベントがトリガーされます.
onmousedown 
IE4、N4 
マウスを押すとイベントがトリガーされます
onmouseup 
IE4、N4 
マウスを押してマウスを離すと、このイベントがトリガーされます.
onmouseover 
IE3、N2 
このイベントは、マウスがオブジェクト範囲の上に移動するとトリガーされます.
onmousemove 
IE4、N4 
このイベントはマウスの移動時にトリガーされます
onmouseout 
IE4、N3 
このイベントは、マウスがオブジェクトの範囲から離れるとトリガーされます.
onkeypress 
IE4、N4 
このイベントは、キーボード上のキーが押す解放されるとトリガーされる.
onkeydown 
IE4、N4 
このイベントは、キーボード上のキーが押されたときにトリガーされます.
onkeyup 
IE4、N4 
このイベントは、キーボード上のキーが押されているときにトリガーされます.
ページ関連イベント
onabort 
IE4、N3 
画像はダウンロード時にユーザーに中断されました
onbeforeunload 
IE4、N 
このイベントは、現在のページの内容が変更されるとトリガーされます.
onerror 
IE4、N3 
エラーが発生した場合にこのイベントがトリガーされます
onload 
IE3、N2 
ページの内容が完了すると、このイベントがトリガーされます.
onmove 
IE、N4 
このイベントは、ブラウザのウィンドウが移動されたときにトリガーされます.
onresize 
IE4、N4 
このイベントは、ブラウザのウィンドウサイズが変更されたときにトリガーされます.
onscroll 
IE4、N 
このイベントは、ブラウザのスクロールバーの位置が変化するとトリガーされます
onstop 
IE5、N 
ブラウザの停止ボタンが押されたときにこのイベントがトリガーされたり、ダウンロード中のファイルが中断されたりします.
onunload 
IE3、N2 
現在のページが変更されると、このイベントがトリガーされます.
フォーム関連イベント
onblur 
IE3、N2 
このイベントは、現在の要素がフォーカスを失ったときにトリガーされます.
onchange 
IE3、N2 
現在のエレメントがフォーカスを失い、エレメントの内容が変更され、このイベントがトリガーされます.
onfocus 
IE3 、N2 
このイベントは、エレメントがフォーカスを取得したときにトリガーされます.
onreset 
IE4 、N3 
このイベントは、フォーム内のRESETのプロパティが起動されるとトリガーされます.
onsubmit 
IE3 、N2 
このイベントは、フォームが渡されたときにトリガーされます.
字幕イベントのスクロール
onbounce 
IE4、N 
このイベントは、Marquee内のコンテンツがMarquee表示範囲外に移動したときにトリガーされます.
onfinish 
IE4、N 
このイベントは、Marquee要素が表示するコンテンツを完了するとトリガーされます.
onstart 
IE4、 N 
このイベントは、Marquee要素がコンテンツの表示を開始するとトリガーされます
イベントの編集
onbeforecopy 
IE5、N 
このイベントは、ページの現在の選択内容が閲覧者システムのクリップボードにコピーされる前にトリガーされます.
onbeforecut 
IE5、 N 
このイベントは、ページの一部またはすべてのコンテンツが現在のページから[クリップ]され、閲覧者のシステムクリップボードに移動されるとトリガーされます.
onbeforeeditfocus 
IE5、N 
現在の要素が編集状態になります
onbeforepaste 
IE5、 N 
このイベントは、閲覧者のシステムクリップボードから[貼り付け]をページに転送するとトリガーされます.
onbeforeupdate 
IE5、 N 
参照者がシステムクリップボードの内容を貼り付けると、ターゲットオブジェクトに通知されます.
oncontextmenu 
IE5、N 
閲覧者がマウスの右ボタンを押してメニューが表示されたとき、またはキーボードのボタンでページメニューがトリガーされたときにトリガーされるイベント
oncopy 
IE5、N 
ページの現在の選択内容がコピーされると、このイベントがトリガーされます.
oncut 
IE5、N 
このイベントは、ページの現在の選択内容が切り取られたときにトリガーされます.
ondrag 
IE5、N 
このイベントは、オブジェクトがドラッグされたときにトリガーされます[アクティブイベント]
ondragdrop 
IE、N4 
現在のウィンドウまたはフレームにマウスでドラッグされた外部オブジェクト
ondragend 
IE5、N 
マウスのドラッグが終了すると、このイベントがトリガーされます.つまり、マウスのボタンが解放されます.
ondragenter 
IE5、N 
このイベントは、オブジェクトがマウスでドラッグされたオブジェクトがコンテナの範囲内に入ったときにトリガーされます.
ondragleave 
IE5、N 
このイベントは、オブジェクトがマウスでドラッグされたオブジェクトがコンテナの範囲から離れたときにトリガーされます.
ondragover 
IE5、N 
このイベントは、ドラッグされたオブジェクトが別のオブジェクトコンテナの範囲内でドラッグされたときにトリガーされます.
ondragstart 
IE4、N 
このイベントは、オブジェクトがドラッグされるとトリガーされます
ondrop 
IE5、N 
ドラッグ中にマウスボタンを離すとイベントがトリガーされます
onlosecapture 
IE5、N 
このイベントは、要素がマウスの移動によって形成された選択フォーカスを失ったときにトリガーされます.
onpaste 
IE5、N 
このイベントは、コンテンツが貼り付けられたときにトリガーされます.
onselect 
IE4、N 
テキストの内容が選択されたときのイベント
onselectstart 
IE4、N 
テキストコンテンツ選択が開始されるとトリガーされるイベント
データバインド
onafterupdate 
IE4、N 
このイベントは、データ・ソースからオブジェクトへの転送が完了するとトリガーされます.
oncellchange 
IE5、N 
データソースが変化した場合
ondataavailable 
IE4、N 
データ受信が完了するとイベントがトリガーされます
ondatasetchanged 
IE4、N 
データ・ソースが変化したときにトリガーされるイベント
ondatasetcomplete 
IE4、N 
このイベントは、サブデータソースからのすべての有効なデータの読み取りが完了するとトリガーされます.
onerrorupdate 
IE4、N 
onBeforeUpdateイベントトリガを使用してデータ転送がキャンセルされた場合、onAfterUpdateイベントの代わりに
onrowenter 
IE5、N 
現在のデータソースのデータが変化し、新しい有効なデータがある場合にトリガーされるイベント
onrowexit 
IE5、N 
現在のデータ・ソースのデータが変更されるとトリガーされるイベント
onrowsdelete 
IE5、N 
このイベントは、現在のデータレコードが削除されるとトリガーされます
onrowsinserted 
IE5、N 
このイベントは、現在のデータ・ソースが新しいデータ・レコードを挿入しようとするとトリガーされます.
外部イベント
onafterprint 
IE5、N 
このイベントは、ドキュメントが印刷されるとトリガーされます
onbeforeprint 
IE5、N 
このイベントは、ドキュメントが印刷されるとトリガーされます.
onfilterchange 
IE4、N 
オブジェクトのフィルタ効果が変化したときにトリガーされるイベント
onhelp 
IE4、N 
このイベントは、閲覧者がF 1またはブラウザのヘルプ選択を押すとトリガーされます
onpropertychange 
IE5、N 
このイベントは、オブジェクトのプロパティの1つが変更されたときにトリガーされます.
onreadystatechange 
IE4、N 
このイベントは、オブジェクトの初期化プロパティ値が変化したときにトリガーされます.
HTMLの内容を変更するには:       ： 1、  id；// document.getElementById("id"); 2、       ；// getElementByTagName("p"); 3、  CSS  。           ，     null。               （   ），          ，                     。 $("#id").innerHTML='123';//       

       ：
document.getElementById("id").attribute=new value;// attribute           
       ：
document.getElementById("id").style.color="blue";//     style   
         
onclick="document.getElementById('id1').style.color='red'"；
  
  の  
ローカル  :   で  された  は、その   でのみ  でき、 なる   で じ  を  できます.  の   に  が  されます.
グローバル  :   で  された  、Webページおよびすべてのスクリプトにアクセスできます.ページが じられると、  は  されます.
HTML DOM HTMLドキュメントオブジェクトモデル
ページがロードされると、ブラウザはドキュメントオブジェクトモデルを  し、JSはオブジェクトから  HTML  を  することができます.
JavaScriptは、すべてのHTML  を  し、すべてのCSSスタイルとHTML  を  し、ページのすべてのイベントに  することができます.
   :var size=$("input[name='erp_orders_ids[]']:checked").size();
JAvaScript知識点まとめ
Jquery操作radioの簡単な例