Javascriptの基礎知識(1)コア基本構文とイベントモデル_基礎知識

1. Javascript コアの基本構文

1. Javascript は、インタラクティブな効果を高めるプログラミング言語です。元々は Netscape によって考案され、最終的に ECMA (欧州コンピュータ製造者協会) に標準化され、Javascript と名付けられました。

2.JavaScript は、コンパイルせずにブラウザーで直接実行できるインタープリタ型言語です。

3. Javascript は何に使用されますか?

1. Web ページ内のすべての要素を制御し、要素の属性を追加、削除、変更できます。

2. HTMLにダイナミックテキストを入れることができます。

3. Web ページの使用時にユーザーが生成したイベントに応答します。

4. ユーザーが入力したデータを確認します。

5. ユーザーのブラウザを検出します。

6. Cookie の作成に使用されます。

4. HTML Web ページで Javascript を作成する 3 つの方法

1. 外部スタイル:

xx.js という名前のファイルを作成し、 を使用するか、<script></script> をロードします。

3. インラインスタイル:

タグにイベントを直接追加します:Load

5.JavaScript データ型:

そのデータ型には 2 つの主要なカテゴリがあります: 1. プリミティブ データ型 2. 参照データ型 (オブジェクト)

プリミティブデータ型: 1.typeof 2.number 3.string 4.boolean 5.null 6.unknown

参照データ型: (3 つの定義済みオブジェクトがあります) 1. ネイティブ オブジェクト (オブジェクト、数値、文字列、ブール値、関数、配列、日付など) 2. 組み込みオブジェクト: 初期化を表示する必要はありません (数学、グローバル) 3. ホスト オブジェクト (主に BOM と DOM)

6.BOM と DOM

BOM: ブラウザ オブジェクト モデル

DOM: ドキュメント オブジェクト モデル

2. Javascript イベントモデル

1.JavaScript イベント モデル: 1. バブルの種類: ユーザーがボタンをクリックしたとき: input-body-html-document-window (下から上にバブル) IE のブラウジングデバイスはバブリングを使用するだけです

2. キャプチャの種類: ユーザーがボタンをクリックしたとき: window-document-html-body-input (上から下へ)

ECMA 標準化後、他のブラウザは両方のタイプをサポートし、キャプチャが最初に行われます。

2. 伝統的な行事の 3 つの書き方:

1.

2.======<script>function name1(){alert('helloword!');}</script> /有名な機能

3. //匿名関数

コードをコピーします コードは次のとおりです:

Var button1=document.getElementById("input1");
button1.onclick=function(){
アラート('helloword!')
}

3. 現代の出来事の書き方:

コードをコピーします コードは次のとおりです:

//IE にイベントを追加します

var fnclick(){
alert("クリックされました")
}
var Oinput=document.getElementById("input1");
Oinput.attachEvent("onclick",fnclick);
-----------------------------------------------
Oinput.detachEvent("onclick",fnclick);//IE のイベントを削除

//DOM にイベントを追加します

var fnclick(){
alert("クリックされました")
}
var Oinput=document.getElementById("input1");
Oinput.addEventListener("onclick",fnclick,true);
-----------------------------------------------
Oinput.removeEventListener("onclick",fnclick);//DOM 内のイベントを削除

IE および DOM のイベント追加と互換性があります

var fnclick1=function(){alert("クリックされました")}
var fnclick2=function(){alert("クリックされました")}
var Oinput=document.getElementById("input1");
if(document.attachEvent){
Oinput.attachEvent("onclick",fnclick1)
Oinput.attachEvent("onclick",fnclick2)
}
else(document.addEventListener){
Oinput.addEventListener("click",fnclick1,true)
Oinput.addEventListener("click",fnclick2,true)
}