1。JavaScriptCore Basic Syntax
1。JavaScriptは、相互作用効果を高めるプログラミング言語です。もともとはNetscapeによって発明され、最終的にECMA（欧州コンピューターメーカー協会）に提出されました。 ECMAはJavaScriptを標準化し、JavaScriptという名前です。
2。JavaScriptは、コンパイルなしでブラウザで直接実行できる解釈言語です。
3.JavaScriptの使用とは何ですか？
1. Webページ内のすべての要素を制御し、要素の属性を追加、削除、変更できます。
2。HTMLに動的テキストを配置できます。
3. Webページを使用するときにユーザーが生成したイベントに応答します。
4.ユーザーが入力したデータを確認します。
5.ユーザーのブラウザを検出します。
6.クッキーの作成に使用されます。
4.HTML WebページでJavaScriptを作成する3つの方法
1。外部スタイル：
ファイル名でファイルを作成します：xx.jsリンク<スクリプトsrc = "xx.js"> <script>
2。埋め込みスタイル：
<スクリプトタイプ= "text/javascript"> </script> HTMLの頭または本体で使用するか、<script> </script>で直接ロードする
3。インラインスタイル：
イベントをタグに直接追加します：<inclick = "alert（ 'helloworld！'）"> load
5。JavaScriptデータ型：
そのデータ型には、次の2つのカテゴリがあります。1。プリミティブデータ型2。参照データ型（オブジェクト）
元のデータ型：1.Typeof 2.Number 3.String 4.Boolean 5.Null 6.未定
参照データ型：（事前定義されたオブジェクトには3つのタイプがあります）
6.BomとDom
BOM：ブラウザオブジェクトモデル
DOM：ドキュメントオブジェクトモデル
2。JavaScriptイベントモデル
1。JavaScriptイベントモデル：1。バブルタイプ：<入力タイプ= "ボタン">ユーザーがボタンをクリックしたとき：input-body-html-document-window（bubble from to top）ieブラウザはバブルを使用します
2。キャプチャタイプ：<入力タイプ= "ボタン">ユーザーがボタンをクリックしたとき：window-document-html-body-input（上から下）
ECMA標準化の後、他のブラウザは2つのタイプをサポートし、最初にキャプチャが発生します。
2。従来のイベントを書く3つの方法：
1. <入力型= "ボタン" onclick = "alert（ 'helloworld！'）">
2. <入力型= "ボタンonclick = name1（）"> ====== <script> function name1（）{alert（ 'helloword！'）;} </script> // name function
3. <input type = "button" id = "input1"> //匿名関数
コードコピーは次のとおりです。
<スクリプト>
var button1 = document.getElementById（ "input1"）;
button1.onclick = funtion（）{
アラート（ 'Helloword！'）
}
</script>
3。モダンなイベントライティング方法：
コードコピーは次のとおりです。
<input type = "button" id = "input1"> // IEでイベントを追加します
<スクリプト>
var fnclick（）{
アラート（「私はクリックされました」）
}
var oinput = document.getElementById（ "input1"）;
oinput.attachevent（ "onclick"、fnclick）;
---------------------------------------------------
oinput.detachevent（ "onclick"、fnclick）; // ieでイベントを削除します
</script>
<input type = "button" id = "input1"> // domにイベントを追加します
<スクリプト>
var fnclick（）{
アラート（「私はクリックされました」）
}
var oinput = document.getElementById（ "input1"）;
oinput.addeventlistener（ "onclick"、fnclick、true）;
---------------------------------------------------
oinput.removeeventlistener（ "onclick"、fnclick）; // domの削除イベント
</script>
<input type = "button" id = "input1"> // 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）
}
</script>