ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptの基礎学習メモ_基礎知識

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

WBOYオリジナル: 2016-05-16 16:20:221007ブラウズ

概要: 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>

これらは JavaScript の基本的な知識ですので、読みながら居眠りしないようにお願いします。しっかりした基礎を築いて初めて質的な変化を起こすことができます。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript配列出力の2つの方法_JavaScriptスキル次の記事：JavaScript配列出力の2つの方法_JavaScriptスキル

続きを見る

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

関連記事