jqueryでJsファイルやCssファイルを動的に読み込む手順を詳しく解説

今回は、jqueryでJsファイルとCssファイルを動的にロードする手順の詳細な説明をお届けします。jqueryがJsファイルとCssファイルを動的にロードするための注意事項は次のとおりです。見て。

一緒にロードする関連 CSS ファイルが多数ある場合、または異なる CSS ファイルを動的にロードしたい場合は、次の方法が間違いなく役立ちます。

JQuery の動的読み込み Js および Css 拡張メソッド

$.extend({ 
   includePath: '', 
   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) document.write("<" + tag + attr + link + "></" + tag + ">"); 
    } 
  } 
});

使用法:

$.include('http://www.jb51.net/include/dedeajax.js'); 
$.include('http://www.jb51.net/templets/skins/style/android.css');

または:

$.includePath='www.jb51.net/html/'; 
$.include([dedeajax.js','android.css']);

この記事の事例を読んだ後は、このメソッドを習得したと思います。 、オンラインのphp中国語のその他の関連記事に注意してください。

推奨読書:

ファイルのアップロードに jQuery プラグイン ajaxupload を使用する

jQuery プラグイン Tocify 動的ノードを使用してディレクトリ メニューを実装する

jQuery プラグインは、アップロード ファイルのサイズと形式の使用を制限する

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