概要:JavaScriptの構成、各コンポーネントの役割、
1。JavaScriptの構成
JavaScript
ecmascript(core)dom(ドキュメントオブジェクトモデル)bom(ブラウザーオブジェクトモデル)
1.1ecmascript
ECMAScriptは、ECMA-262を通じて標準化されたスクリプト言語です。 ECMA-262は言語を規定しています:構文、タイプ、ステートメント、キーワード、予約ワード、オペレーター、オブジェクト
1.2 dom
DOMは、ページ全体をマルチレイヤーノード構造にマッピングします。 HTMLまたはXMLページの各コンポーネントは、さまざまなタイプのデータを含む特定のタイプのノードです。
1.3 bom
ブラウザによって表示されるページの外側の部品を制御する
2。<script>要素
2.1使用方法
JavaScriptファイルへの外部参照:
コードコピーは次のとおりです。
<script type = "text/javascript" src = "../// xx.js"> </script>
JavaScriptコードを埋め込んだページ
コードコピーは次のとおりです。
<script type = "text/javascript">
var first = "first variable";
アラート(最初);
</script>
2.2 <script>要素のプロパティ
延期遅延スクリプト:スクリプトは、ページ全体が実行される前に解析されるまで遅延します。遅延していますが、ブラウザはJSファイルをダウンロードしました。
コードコピーは次のとおりです。
<!doctype html>
<html>
<head>
<script type = "text/javascript" defer = "defer" src = "demo.js"> </scrip>
</head>
</html>
上記の例では、<script>タグは<head>タグにありますが、demo.jsはブラウザが遭遇するまで遅延します</html>。
Deferは、外部からインポートされたスクリプトファイルにのみ適用できます
非同期スクリプト:ページの他の内容を非同期にロードするために、スクリプトをダウンロードして実行するのをページに待つ必要はありません。したがって、非同期ロードスクリプトは、ロード中にDOMを変更しません。
コードコピーは次のとおりです。
<!doctype html>
<html>
<head>
<script type = "text/javascript" defer = "defer" src = "demo1.js">
<script type = "text/javascript" defer = "defer" src = "demo2.js"> </script>
</head>
</html>
それらはすべて、基本的なJavaScriptの知識です。誰もが読んだときに眠りに落ちることができないことを願っています。強固な基盤を築くことによってのみ、定性的な変化の可能性があります。