JavaScriptの基礎学習メモ_基礎知識-jsチュートリアル-php.cn

JavaScriptの基礎学習メモ_基礎知識

WBOY

リリース： 2016-05-16 16:20:22

オリジナル

1003 人が閲覧しました

概要: JavaScript の構成、各コンポーネントの役割、

1. JavaScript の構成

JavaScript
ECMAScript (コア) DOM (ドキュメントオブジェクトモデル) BOM (ブラウザオブジェクトモデル)

1.1ECMAScript

ECMAScript は、ECMA-262 によって標準化されたスクリプト言語です。ECMA-262 では、構文、型、ステートメント、キーワード、予約語、演算子、オブジェクトを指定します。

1.2 ドム

DOM は、ページ全体を多層ノード構造にマップします。HTML や XML などのページ内の各コンポーネントは特定のタイプのノードであり、これらのノードにはさまざまなタイプのデータが含まれます。

1.3 BOM

ブラウザで表示するページ以外の制御部分

要素

2.1 使用方法

外部参照 JavaScript ファイル:

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

ページに JavaScript コードを埋め込みます

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

<スクリプトタイプ="text/javascript">

var first="最初の変数";

アラート（最初）；

2.2 <script> 要素の属性</script>

遅延スクリプトの遅延: 実行前にページ全体が解析されるまでスクリプトは遅延されますが、ブラウザーはすでに js ファイルをダウンロードしています。

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

<頭>

上記の例では、<script> タグが <head> タグ内にありますが、demo.js はブラウザが </html> に遭遇するまで遅延します。 </p> <p>遅延は外部からインポートされたスクリプトファイルにのみ適用されます</p> <p> async 非同期スクリプト: ページの他のコンテンツを非同期で読み込むために、スクリプトがダウンロードされて実行されるまでページを待機させる必要はありません。したがって、非同期読み込みスクリプトは読み込み中に dom を変更しないでください。 </p> <p></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="70982" class="copybut" id="copybut70982" onclick="doCopy('code70982')">コードをコピーします<u></u></a> コードは次のとおりです:</span></div> <div class="codebody" id="code70982"> <!DOCTYPE html><br> <html><br> <頭><br> <script type="text/javascript" defer="defer" src="demo1.js"><br> <script type="text/javascript" defer="defer" src="demo2.js"></script>