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

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

Java コード

1. //以下の関数の使用方法:
2. //$.include('file/ajaxa.js');$.include('file/ajaxa.css');
//または $.includePath = 'file/';$.include(['ajaxa.js','ajaxa.css']);(.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, "");
varatt = name.split('. ');
var ext = att[att.length - 1].toLowerCase();
var isCSS = ext == "css";
var tag = "link" : "script"; isCSS ? " type='text/css' rel='stylesheet' " : " type='text/javascript' ";
var link = (isCSS ? "href" : "src") + "='" + $ .includePath + 名前 + "'";
if ($(tag + "[" + link + "]").length == 0) $("head").prepend("<" + タグ + 属性+ リンク + ">"); .custom.min.js');
$.include('../css/black-tie/jquery-ui- 1.8.21.custom.css');
この関数を共通の .js ファイルに記述し、common.js ファイルを HTML に読み込むことで目的を達成できます。この js 関数は次のリンクから取得されます。
19. http://www.cnblogs.com/chenjinfa/archive/2009/03/17/1414178.html
注:
20. 1. html5 では、
    • HTMLの知識のまとめ
    • HTMLを早く学ぶ方法
    • html xhtml xml の違い
    • src 属性と href 属性の違い
    • HTML5とCSSの置き換え利用について