javascript include javascript(使用jQuery)

2008-08-21

17817
0
jQuery
2008-11-16

寫網頁的時候有時會有這種需求
利用javascript來連結另一份.js的文件

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

利用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的標籤：jQuery

回首頁