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

JavaScript学習体験の概要_基礎知識

WBOY
リリース: 2016-05-16 16:19:12
オリジナル
1039 人が閲覧しました

1. JavaScript は、Web ページと対話するために特別に設計されたスクリプト言語です。

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

1.1ECMAScript

ECMA-262 で定義された ECMAScrip は Web ブラウザーに依存しません。ECMA-262 はこの言語の基礎を定義するだけであり、コア言語機能を提供します。

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

1.2 DOM (ドキュメントオブジェクトモジュール)
DOM は、XML 用のアプリケーション プログラミング インターフェイス (API、アプリケーション プログラミング インターフェイス) ですが、HTML 用に拡張されており、Web コンテンツにアクセスして操作するためのメソッドとインターフェイスを提供します

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

1.3 BOM(バウワーオブジェクトモジュール)
BOM はブラウザーによって表示されるページ以外の制御部分のみを処理し、ブラウザーと対話するためのメソッドとインターフェースを提供します。

2.

要素 2.1 JavaScript ファイルの引用
外部参照 JavaScript ファイル:

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


ページには JavaScript コードが埋め込まれています

コードをコピーします コードは次のとおりです:
<スクリプトタイプ="text/javascript">
//JavaScript コード


<script>要素内に含まれる JavaScript コードは上から下に解釈されます<p> </p>2.2 <script> 要素の属性<p> 遅延スクリプトの遅延: スクリプトは、実行前にページ全体が解析されるまで遅延されます。<p> <p><div class="codetitle"><span><a style="CURSOR: pointer" data="50781" class="copybut" id="copybut50781" onclick="doCopy('code50781')">コードをコピーします<U> コードは次のとおりです:<div class="codebody" id="code50781"> <!DOCTYPE html><br /> <html><br /> <頭><br /> <script type="text/javascript" defer="defer" src="example.js"></script>



<script> タグは <head> タグ内にありますが、demo.js はブラウザが </html> に遭遇するまで遅延します。 <p> async 非同期スクリプト: ページはスクリプトのダウンロードと実行を待機する必要があるため、ページ上の他のコンテンツが非同期で読み込まれます<p> defer と同様、async は外部から導入されたスクリプト ファイルにのみ適用されます。async はブラウザーにファイルをすぐにダウンロードするよう指示しますが、defer とは異なり、マークされた async スクリプトは指定された順序で実行されることを保証しません。非同期スクリプトはロード中に DOM を変更しません。 <br /><p><div class="codetitle"><span>コードをコピーします<a style="CURSOR: pointer" data="90302" class="copybut" id="copybut90302" onclick="doCopy('code90302')"><U> コードは次のとおりです: <!--非同期スクリプト--><div class="codebody" id="code90302"> <script type="text/javascript" async="async" src="example1.js"></script>



2.3
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート