JavaScriptでの読み込みと実行について詳しく解説-jsチュートリアル-php.cn

JavaScriptでの読み込みと実行について詳しく解説

迷茫

リリース： 2017-03-26 15:14:56

オリジナル

1638 人が閲覧しました

前回の記事「ブラウザのレンダリング原理の紹介」に続き、この記事では JavaScript の読み込みと実行について説明します。

一般的に言えば、ブラウザには JavaScript を実行するための 2 つの主要な機能があります:

1) ロード直後に実行

2) 実行されると、ページの後続のコンテンツ (ページのレンダリングと使用を含む) がブロックされます。他のリソースの) ダウンロード)

したがって、複数の JS ファイルが導入された場合、ブラウザーでは、これらの JS ファイルがシリアルにロードされ、順番に実行されます。

JavaScript は HTML ドキュメントの DOM ツリーを操作する可能性があるため、ブラウザーは通常、CSS ファイルを並行してダウンロードするように JS ファイルを並行してダウンロードしません。これは、JS ファイルの特殊性によるものです。したがって、JavaScript が後続の DOM 要素を操作しようとすると、ブラウザーはオブジェクトが見つからないというエラーを報告します。これは、JavaScript の実行時に後続の HTML がブロックされ、DOM の操作時に後続のノードが存在しないためです。木。

従来の方法

次のコードを記述すると、

<script type="text/javascript"  src="http://coolshell.cn/asyncjs/alert.js"></script>

ログイン後にコピー

基本的に、head 内の

著者別の最新記事

mysql実行関数mysql_query()の定義と使用例

1970-01-01 08:00:00
php を mysql データベースに接続するための詳細な手順 (画像とテキスト)

1970-01-01 08:00:00
SQL データベースの追加、削除、変更に関するグラフィカルなチュートリアル (phpMyAdmin の使用方法のチュートリアル)

1970-01-01 08:00:00
SQL データベースのインポートとエクスポートの手順のチュートリアル (図)

1970-01-01 08:00:00
SQLデータテーブルの視覚的な追加・削除・変更チュートリアル（phpMyAdminの使い方チュートリアル）

1970-01-01 08:00:00
SQL ステートメントを使用したデータテーブルの追加、削除、変更、クエリに関するチュートリアル (phpMyAdmin の使用方法のチュートリアル)

1970-01-01 08:00:00
Java マルチスレッドの基本の詳細な説明

1970-01-01 08:00:00
PHPで画像をファイルアップロード

2023-03-06 22:20:01
JS でオブジェクトを作成するいくつかの方法の概要

1970-01-01 08:00:00
JSのthisキーワードを深く理解する

1970-01-01 08:00:00