ホームページ > ウェブフロントエンド > htmlチュートリアル > jsとcssを動的に読み込むjquery plugin_html/css_WEB-ITnose

jsとcssを動的に読み込むjquery plugin_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:58:52
オリジナル
1007 人が閲覧しました

js と css を動的にロードするための単純な jquery コード。これは、ページ生成時に js 関数を通じていくつかの一般的な js および css ファイルをロードするために使用されます。

Java コード

  1. //以下の関数の使用方法:
  2. //$.include('file/ajaxa.js');$.include('file/ajaxa.css');
  3. //または $.includePath = 'file/';$.include(['ajaxa.js','ajaxa.css']);(.js ファイルと .css ファイルが同じディレクトリにある場合のみ)
  4. $ .extend({
  5. includePath: '',
  6. include: function(file)
  7. {
  8. var files = typeof file == "string" ? [file] : file;
  9. for (var i = 0; i < files.length; i++)
  10. var name = files[i].replace(/^s|s$/g, "");
  11. varatt = name.split('. ');
  12. var ext = att[att.length - 1].toLowerCase();
  13. var isCSS = ext == "css";
  14. var tag = "link" : "script"; isCSS ? " type='text/css' rel='stylesheet' " : " type='text/javascript' ";
  15. var link = (isCSS ? "href" : "src") + "='" + $ .includePath + 名前 + "'";
  16. if ($(tag + "[" + link + "]").length == 0) $("head").prepend("<" + タグ + 属性+ リンク + ">"); .custom.min.js');
  17. $.include('../css/black-tie/jquery-ui- 1.8.21.custom.css');
  18. この関数を共通の .js ファイルに記述し、common.js ファイルを HTML に読み込むことで目的を達成できます。この js 関数は次のリンクから取得されます。
  19. http://www.cnblogs.com/chenjinfa/archive/2009/03/17/1414178.html
  20. 注:
  21. 1. html5 では、
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート