TAGS: JsLoad | jQuery | Prototype | Lightbox | scriptaculous | Google | CDN
JsLoadは、jQuery、Lightbox、Prototypeなどのライブラリをダウンロードせずに簡単に利用できるJavaScriptライブラリです。

jQuery、Lightbox、PrototypeなどのJavaScriptを利用したい場合、これらのライブラリをダウンロードし、自Webサーバに格納して、利用したいWebページから<script>タグによってインポートして利用することがほとんどです。

JsLoadは、Googleサーバにあるこれらのライブラリを簡単に利用できるような仕組みを提供します。



例えば、
<script src="http://jsload.net/init"></script>
<script type="text/javascript">
JsLoad("jquery", "1.2.6");
JsLoad("scriptaculous"); // latest stable version
</script>


これだけで、jqueryの1.2.6版と最新のscript.aculo.us.jsがWebページにインポートされるようになります。

機能・特徴


◇　jQuery、script.aculo.us.js、Lightbox、Prototypeなどのライブラリを簡単にロード
◇　圧縮オプション
u    : 圧縮しない
m    : 最小化 (デフォルト)
p    : packed
<script type="text/javascript">
JsLoad("jquery", "1.2.6", "u"); // 圧縮しない
JsLoad("scriptaculous", "p"); // packed
</script>

◇　依存のあるライブラリが自動的にロードされる
o    : 指定するライブラリだけをロードする
f    : 指定するライブラリを強制的にロードする
d    : 依存のあるライブラリ群を自動的にロードする（デフォルト）
<script type="text/javascript">
JsLoad("scriptaculous", "1.8.0");
// "prototype" と "scriptaculous" はロードされる

JsLoad("lightbox", "2.03", "o");
// "lightbox" だけがロードされる

JsLoad("prototype", "1.6.0.2");
// "prototype" を再ロードしない

JsLoad("prototype", "1.6.0.2", "f");
// "prototype" が強制的に再ロードされる
</script>

◇　CDNブリッジ：Yahoo! CDN (YUI), AOL CDN (Dojo) と Google AJAX Libraries API (jQuery, MooTools, Prototype...) などのCDNへ橋渡しでライブラリをインポートできます。
c    : CDNからライブラリをロードする
<script type="text/javascript">
JsLoad("jquery", "1.2.6", "c"); // CDNからロードする
</script>

◇　複数オプションサポート


JsLoadと似たような機能を提供するライブラリはGoogle AJAX Libraries APIなどもあります。

参考資料


Google AJAX Libraries API - 人気のAjaxライブラリをGoogleサーバから読み込み

Sponsored Link


http://jsload.net/
有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments

我要投稿

 
    POWERED BY @pmplat.syboos.com