JavaScriptが10ノート

1.正規表現
-構文:
-数量詞
{n}は、正確にn回
{M、N}のMn回
{M}少なくともM
+ 1回少なくとも1 {、}
0又は1 {0,1}?
* 0回以上{0}

-文字をエスケープ
\エスケープ文字として\正規表現を使用
\図。
\\ \を表す
任意の文字を表す。
\ W
-に対応する[A-Z0-9_]
\ Wは
- [^ A-Z0-9_]と等価
\ D
任意の数-
\ D
-数字に加え
S \
空間-
\ Sを
空間以外は-
\のB
ワード境界-
\のB
-ワード境界に加えて、
^は開始示す
$を終了を表します

2.DOM
-ドキュメントオブジェクトモデル
-ドキュメントオブジェクトモデルは、任意とすることができるDOMを介して、各ページの内容を変更する
文書-
-ドキュメントがウェブを指し、ウェブページが文書である
オブジェクト-
-オブジェクトは、ウェブページ内の各ノードを指しますオブジェクトへの
変換対象の完了後は、純粋なオブジェクト指向のページの操作の形態であることができる
-モデル
-ページを操作しやすく、ノードとノードとの間の関係を表すために使用されるモデル
-ノード(ノード)
-コンフィギュレーションページがノードであります最も基本的な単位、ページの各セクションは、ノードと呼ぶことができる
-が、すべてのノードが、ノードの種類が異なっている
-共通ノード
-文書ノード(文書)、ページ全体の代わりに
-要素ノード(エレメント)は、ページラベルに代わって
-属性ノード(属性)、属性タグに代わって
-テキストノード(テキスト)、テキストは、ウェブページの内容を表す

DOM操作-
- DOMのクエリを
ブラウザページが私たちに提供されています-ドキュメントオブジェクトは、
それはあなたがページ上で直接使用することができ、それは、ウィンドウオブジェクトのプロパティで、ページ全体を表しています。
-文書の照会方法:
-オブジェクトのid属性の要素に応じてノード要素を照会:
-のdocument.getElementById(「id属性値」)。
-要素ノードオブジェクトの要素の集合に基づいて、name属性クエリの値:
- document.getElementsByName(「name属性」);
-タグ名に基づいてノードオブジェクトを照会する要素のセット:
- document.getElementsByTagName(「タグ名」);

-要素の属性:
-読ん要素の属性:
構文:属性名の要素を。
例:ele.name
ele.id
ele.value
ele.className

-属性変更要素:
構文:属性名=属性値の要素

- innerHTMLプロパティ
-使用取得または設定HTMLコードの内部要素をするプロパティ


、イベント(事象) -
-イベントは、ユーザとブラウザとの間の相互作用を指します。例えば:、ウィンドウを閉じ、マウスを移動するにはボタンをクリックします。
-私たちは、イベントに応答するためにコールバック関数にイベントをバインドすることができます。
:によって結合事象-
対応するコードがイベントに設けられていてもよい1 JSは、タグ属性
:例
<ボタンのonclick =「コードJS ...」> </ボタン>に
オブジェクト属性で指定することができる2.イベントイベントを処理するコールバック関数の形で提供さ
:例
<ボタンID =「BTN」>ボタン</ボタン>
<
;のdocument.getElementById BTNは、VAR( "BTN")=
btn.onclick =関数(){

};
</ SCRIPT>

-文書をロード
-トップダウンローディングから順に、ブラウザページをロードするとき、負荷行1行。
-コードが実行されたときは、ページの最上部にjsのコードを記述する場合は、ページのDOMオブジェクトがロードされていない、
この時間は、DOMオブジェクトを取得しません、結果のDOM操作に失敗しました。
-溶液:
- JSコードは下半身に書き込むことができ
、<BODY>
<ボタンID = "BTN">ボタン</ボタン>
<SCRIPT>
のvar BTN =のdocument.getElementById( "BTN");
btn.onclick =関数(){

;}
</ SCRIPT>
</ BODY>は

: -二つの溶液は、
JSコードwindow.onload =関数に調製されるであろう(){} -
ページ全体にロードされた後、対応するコールバック関数window.onload -実行前に
、DOM オブジェクトの読み込みが完了したコードの実装を確保することが可能である
。<スクリプト>
ウィンドウを。
VaRのBTN =のdocument.getElementById( "BTN");
btn.onclick =関数(){

}。
}。

</ SCRIPT>





















 

おすすめ

転載: www.cnblogs.com/Jiang-jiang936098227/p/11595446.html