ホームページ > ウェブフロントエンド > jsチュートリアル > jsファイルを動的に読み込むjqueryの詳しい説明

jsファイルを動的に読み込むjqueryの詳しい説明

php中世界最好的语言
リリース: 2018-04-23 14:14:59
オリジナル
1746 人が閲覧しました

今回は、jsファイルを動的にロードするjqueryについて詳しく説明します。jqueryがjsファイルを動的にロードする場合の注意事項は何ですか?実際のケースを見てみましょう。

$.extend({
     
include
Path: '',
     include: function(file) {
        var files = typeof file == "string" ? [file]:file;
        for (var i = 0; i < files.length; i++) {
            var name = files[i].replace(/^\s|\s$/g, "");
            var att = name.split(&#39;.&#39;);
            var ext = att[att.length - 1].toLowerCase();
            var isCSS = ext == "css";
            var tag = isCSS ? "link" : "script";
            var attr = isCSS ? " type=&#39;text/css&#39; rel=&#39;stylesheet&#39; " : " language=&#39;
javascript
&#39; type=&#39;text/javascript&#39; ";
            var link = (isCSS ? "href" : "src") + "=&#39;" + $.includePath + name + "&#39;";
            if ($(tag + "[" + link + "]").length == 0) $("body").append("<" + tag + attr + link + "></" + tag + ">");
        }
   }
});
//使用方法
$.includePath = &#39;../js/Exam&#39;; 
$.include([&#39;/AddQuestion.js&#39;]);
ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

jQuery が XML ファイルの内容を読み取る方法

JQuery+AJAX 実装ファイルのダウンロード

以上がjsファイルを動的に読み込むjqueryの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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