1。JavaScriptは、Webページとのやり取りのために設計されたスクリプト言語です。その構成
ecmascript（core）dom（ドキュメントオブジェクトモデル）bom（ブラウザーオブジェクトモデル）
1.1ecmascript
ECMA-262によって定義されたECMAScriptは、Webブラウザーに依存していません。 ECMA-262は、この言語の基本のみを定義し、コア言語関数を提供します。
ECMAScriptは、ECMA-262を通じて標準化されたスクリプト言語です。 ECMA-262は言語を規定しています：構文、タイプ、ステートメント、キーワード、予約ワード、オペレーター、オブジェクト
1.2 dom（ドキュメントオブジェクトmodle）
DOMはXMLのアプリケーションプログラミングインターフェイスですが、HTML用に拡張されており、Webコンテンツにアクセスおよび操作するためのメソッドとインターフェイスを提供しています。
DOMは、ページ全体をマルチレイヤーノード構造にマッピングします。 HTMLまたはXMLページの各コンポーネントは、さまざまなタイプのデータを含む特定のタイプのノードです。
1.3 BOM（Bowerオブジェクトモデル）
ブラウザによって表示されるページ以外の部品を制御します。 BOMは、ブラウザのウィンドウとフレームワークのみを処理し、ブラウザーと対話するためのメソッドとインターフェイスを提供します。
2。<script>要素
2.1参照JavaScriptファイル
JavaScriptファイルへの外部参照：
コードコピーは次のとおりです。
<script type = "text/javascript" src = "../// xx.js"> </script>
JavaScriptコードを埋め込んだページ
コードコピーは次のとおりです。
<script type = "text/javascript">
// JavaScriptコード
</script>
<script>要素に含まれるJavaScriptコードは、上から下まで順番に説明されます
2.2 <script>要素のプロパティ
延期遅延スクリプト：ブラウザにすぐにダウンロードするように伝えます。ページ全体が実行される前に解析されるまでスクリプトが遅延します。 Deferは、外部から導入されたスクリプトファイルにのみ適しています
コードコピーは次のとおりです。
<！doctype html>
<html>
<head>
<script type = "text/javascript" defer = "defer" src = "embler.js"> </scrip>
</head>
</html>
<script>タグは<head>タグにありますが、demo.jsはブラウザが遭遇するまで遅延します</html>。
非同期スクリプト：ページの他のコンテンツを非同期にロードするために、ページをダウンロードして実行するのを待つ必要があります
Deferと同様に、外部からインポートされたスクリプトファイルにのみ適用できます。 Asyncはブラウザにすぐにファイルをダウンロードするように指示しますが、Deferとは異なり、Asyncスクリプトのマーキングは、それらが指定されている順序で実行を保証するものではありません。非同期スクリプトは、読み込み中にDOMを変更しないことをお勧めします。
コードコピーは次のとおりです。
<！ - asyncスクリプト - >
<script type = "text/javascript" async = "async" src = "emple1.js"> </scrip>
<script type = "text/javascript" async = "async" src = "emple2.js"> </scrip>
2.3 <noscript>要素のプロパティ
コードコピーは次のとおりです。
<！doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title>テスト</title>
<！ - 遅延スクリプト - >
<scriptType = "text/javascript" defer = "defer" src = "emple.js"> </script>
<！ - ガイドスクリプト - >
<script type = "text/javascript" async = "async" src = "emple1.js"> </scrip>
<script type = "text/javascript" async = "async" src = "emple2.js"> </scrip>
</head>
<body>
<noscript>
<p>このページは、ブラウザのサポート（有効）JavaScriptが必要であることを示しています
</noscript>
</body>
</html>
ブラウザはスクリプトをサポートしていません
ブラウザはスクリプトをサポートしていますが、スクリプトは無効になり、ブラウザは<noscript>でコンテンツを表示します
このページは、スクリプトが無効である場合にユーザーにメッセージを表示し、スクリプト対応のブラウザでは、ユーザーが表示されないことがわかりません
上記はこの記事に関するすべてです。気に入っていただければ幸いです。このシリーズは引き続き更新されます。