ホームページ > ウェブフロントエンド > jsチュートリアル > スクリプトの読み込みが完了したかどうかを判定する方法_JavaScript スキル

スクリプトの読み込みが完了したかどうかを判定する方法_JavaScript スキル

WBOY
リリース: 2016-05-16 18:52:25
オリジナル
957 人が閲覧しました

onload を使用して、ロードされた JS オブジェクト (js.onload) を確認できます。このメソッドは、Firefox2、Firefox3、Safari3.1、および Opera9.6 ブラウザーでは十分にサポートされていますが、IE6 と IE7 ではサポートされていません。国を救う曲線 - IE6、IE7 js.onreadystatechange を使用して、各状態の変化 (通常、ロード、ロード、インタラクティブ、完了) を追跡できます。戻りステータスがロードまたは完了の場合、ロードが完了し、コールバックが行われたことを意味します。関数が返されます。

readyState 状態については補足説明が必要です。
1. インタラクティブ状態では、ユーザーはインタラクションに参加できます。
2. Opera は実際には js.onreadystatechange をサポートしていますが、その状態は IE の状態とは大きく異なります。

具体的な実装コードは次のとおりです:

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

function include_js(file) {
var _doc = document.getElementsByTagName('head')[0];
var js = document.createElement('script'); ('type', ' text/javascript');
js.setAttribute('src', file);

if (!/*@cc_on! @*/0) { //IE ではない場合
//Firefox2、Firefox3、Safari3.1、Opera9.6 は js.onload
js.onload = function () {
alert('Firefox2, Firefox3、Safari3.1、Opera9.6 は js.onload をサポートします');
}
} else {
//IE6、IE7 は js.onreadystatechange をサポートします
js.onreadystatechange = function () {
if (js.readyState == 'loaded' || js.readyState == 'complete') {
alert('IE6、IE7 は js.onreadystatechange をサポートします')
}
}
}

return false;
}

//実行関数
include_js('http://img.jb51.net/jslib/jquery/jquery-1.3.2 .min.js);

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート