cloudio™

知識要用心體會 才能變成智慧

最新回應

<< 使用jQuery的each做亂數排序 | Home | ASP.NET的Response.End >>

javascript include javascript(使用jQuery)

寫網頁的時候有時會有這種需求

利用javascript來連結另一份.js的文件

沒有jQuery時有一個很簡單的方法就是

 

<script type="text/javascript">
    document.write("<sc" + "ript type='text/javascript' src='http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js'></scr" + "ipt>");
</script>

用jQuery的話就只要

 

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery.getScript("http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js");
        while (jQuery.isFunction(jQuery.fn.corner)) {
            jQuery(".myCode").corner();
            break;
        }
    })
</script>

就好了

jQuery.isFunction(jQuery.fn.corner)代表判斷是不是有這個function了

因為我需要取得corner這個外掛

並且在確認已經加載完成後在執行

jQuery(".myCode").corner();

這段程式碼所以做了一個while來判斷是否有corner這個function

這邊只是順便介紹一下isFunction這個好東西

其實可以寫成

 

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery.getScript(
            "http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js",
            function() { jQuery(".myCode").corner(); }
        );
    })
</script>

因為getScript的第二個參數是callback形式

所以這樣的程式碼代表加載完第一個參數的文件後要執行第二個參數

 

Dotblogs的標籤：

2008/8/21 01:09| 閱讀數 : 3127 | 1 人推薦 我要推薦 | One Comment | 文章分類: JavaScript jQuery 訂閱

DotBlogs Tags: JavaScript jQuery

關連文章

回應

  • Hosting 2009/12/1 上午 01:39 回覆

    # re: javascript include javascript(使用jQuery)

    Thanks your tutorial
標題 *
名稱 *
Email (將不會被顯示)
Url
回應
登入後使用進階評論
Please add 3 and 8 and type the answer here: