js_javascript スキルを非同期でロードする 4 つの方法についてコメントする-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

js_javascript スキルを非同期でロードする 4 つの方法についてコメントする

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:24 PM

js 非同期ロード

js を非同期でロードする 4 つの方法、レビューが始まります。

オプション 1: $(document).ready

<!DOCTYPE html>
<html>
    <head>
        <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script> 
        <script type="text/javascript">
            $(document).ready(function() {
              alert("加载完成！");
            });
        </script>
    </head>
    <body>
        <img src="http://images.cnitblog.com/i/121863/201405/222202573569862.jpg" />
    </body>
</html>

ログイン後にコピー

コメント:

1. jquery を引用する必要があります

2. すべてのブラウザと互換性があります。

オプション 2: タグの async="async" 属性

async (HTML5 の属性です) の定義と使い方

async 属性は、スクリプトが利用可能になると非同期で実行されることを指定します。

例:

<script type="text/javascript" src="xxxxxxx.js" async="async"></script>

ログイン後にコピー

コメント:

1. HTML5 の新しい属性は、Chrome、FF、IE9 および IE9+ でサポートされています (IE6 ～ 8 はサポートされていません)。さらに、このアプローチでは、スクリプトが順番に実行されることは保証されません。

2. async 属性は外部スクリプトにのみ適用されます (src 属性を使用する場合のみ)。

オプション 3: タグ <🎜 の defer="defer" 属性>

defer 属性は、ページが読み込まれるまでスクリプトの実行を延期するかどうかを指定します。

一部の JavaScript スクリプトは document.write メソッドを使用して現在のドキュメントコンテンツを作成しますが、他のスクリプトは使用しない場合があります。

スクリプトがドキュメントのコンテンツを変更しない場合は、

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7366

Java チュートリアル

1628

CakePHP チュートリアル

1354

Laravel チュートリアル

1266

PHP チュートリアル

1214

Related knowledge

Ajax 例外とエラーを解決する方法のリストを公開する Jan 30, 2024 am 08:33 AM

Ajaxの異常が判明、各種エラーへの対処には具体的なコード例が必要 2019年、フロントエンド開発はインターネット業界において無視できない重要なポジションとなった。フロントエンド開発で最も一般的に使用されるテクノロジの 1 つである Ajax は、非同期のページ読み込みとデータ対話を実現でき、その重要性は自明です。しかし、Ajax 技術を使用すると、さまざまなエラーや例外が発生することが多く、これらのエラーにどう対処するかは、すべてのフロントエンド開発者が直面する問題です。 1. ネットワークエラー Ajax を使用してリクエストを送信する場合、最も一般的なエラーは次のとおりです。

推奨: 優れた JS オープンソースの顔検出および認識プロジェクト Apr 03, 2024 am 11:55 AM

顔の検出および認識テクノロジーは、すでに比較的成熟しており、広く使用されているテクノロジーです。現在、最も広く使用されているインターネットアプリケーション言語は JS ですが、Web フロントエンドでの顔検出と認識の実装には、バックエンドの顔認識と比較して利点と欠点があります。利点としては、ネットワークインタラクションの削減とリアルタイム認識により、ユーザーの待ち時間が大幅に短縮され、ユーザーエクスペリエンスが向上することが挙げられます。欠点としては、モデルサイズによって制限されるため、精度も制限されることが挙げられます。 js を使用して Web 上に顔検出を実装するにはどうすればよいですか? Web 上で顔認識を実装するには、JavaScript、HTML、CSS、WebRTC など、関連するプログラミング言語とテクノロジに精通している必要があります。同時に、関連するコンピュータービジョンと人工知能テクノロジーを習得する必要もあります。 Web 側の設計により、次の点に注意してください。

jQuery .val() が機能しない状況に効果的に対処する Feb 20, 2024 pm 09:36 PM

タイトル: jQuery.val() が動作しない問題を解決する方法とコード例フロントエンド開発では、ページ要素の操作に jQuery がよく使われます。その中でも、フォーム要素の値の取得または設定は、一般的な操作の 1 つです。通常、フォーム要素の値を操作するには jQuery の .val() メソッドを使用します。ただし、jQuery.val() が機能しない状況が発生し、問題が発生する可能性があります。この記事では、jQuery.val() を効果的に扱う方法を紹介します。

htmlの読み方 Apr 05, 2024 am 08:36 AM

HTML 自体はファイルを読み取ることができませんが、JavaScript を使用する (XMLHttpRequest、fetch())、サーバーサイド言語を使用する (PHP、Node.js)、サードパーティのライブラリを使用する (jQuery. get() 、axios、fs-extra)。

jsとvueの関係 Mar 11, 2024 pm 05:21 PM

js と vue の関係: 1. Web 開発の基礎としての JS、2. フロントエンドフレームワークとしての Vue.js の台頭、3. JS と Vue の補完関係、4. JS と Vue の実用化ビュー。

C# 委任とは何ですか? それによってどのような問題が解決されますか? Apr 04, 2024 pm 12:42 PM

委任は、非同期プログラミングとイベント処理の問題を解決するために、オブジェクト間でメソッドポインターを渡すために使用されるタイプセーフな参照型です。非同期プログラミング: 委任により、メソッドを異なるスレッドまたはプロセスで実行できるようになり、アプリケーションの応答性が向上します。イベント処理: デリゲートはイベント処理を簡素化し、クリックやマウスの動きなどのイベントを作成して処理できるようにします。

JSのAI時代が到来！ Apr 08, 2024 am 09:10 AM

JS-Torch の概要 JS-Torch は、構文が PyTorch に非常に似ている深層学習 JavaScript ライブラリです。これには、完全に機能するテンソルオブジェクト (追跡された勾配で使用可能)、深層学習レイヤーと関数、および自動微分エンジンが含まれています。 JS-Torch は JavaScript での深層学習の研究に適しており、深層学習の開発を加速するための便利なツールや機能を多数提供します。 Image PyTorch は、Meta の研究チームによって開発および保守されているオープンソースの深層学習フレームワークです。ニューラルネットワークモデルを構築およびトレーニングするための豊富なツールとライブラリのセットを提供します。 PyTorch は、シンプル、柔軟、そして使いやすいように設計されており、その動的な計算グラフ機能により、

JS の __proto__ とプロトタイプの違い Feb 19, 2024 pm 01:38 PM

__proto__ とprototypeはJSのプロトタイプに関連する2つの属性で、機能が少し異なります。この記事では、2 つの違いを詳しく紹介して比較し、対応するコード例を示します。まず、それらが何を意味し、何に使用されるのかを理解しましょう。 proto__proto__ は、オブジェクトのプロトタイプを指すオブジェクトの組み込みプロパティです。カスタムオブジェクト、組み込みオブジェクト、関数オブジェクトなど、すべてのオブジェクトには __proto__ 属性があります。 __proto__属による

See all articles

js_javascript スキルを非同期でロードする 4 つの方法についてコメントする

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック