怎麼在CI中引入外部的JS與CSS呢?

來源:互聯網
上載者:User

           其實不管是在用CI還是ZF都有同樣一個問題,就是路徑的問題。前期,我在用ZF做CMS時,我在.htaccess檔案中設定了如遇到js,css,img等資源檔都不重新導向。但今天在用CI時,卻忘記了,搞了很久都沒有出來,上了CI的中國官方網,終於在他們協助下把問題觖決了,在這裡把它貼出來,供大家分享。

   (另註:我這裡是隱藏了url中的index.php檔案的,與不隱藏有所不同,但最終都是採用絕對URL)

   首先,我在.htaccess檔案裡設定(作用是隱藏index.php),如下:

     RewriteEngine on   
       RewriteCond $1 !^(index/.php|images|js|img|css|robots/.txt)    #在這裡寫要排除的資源等
       RewriteRule ^(.*)$ index.php/$1 [L]

我把JS,CSS,IMG等資源檔夾與SYSTEM檔案夾放在同一級下,然後在JS檔案夾中建立ajax.js檔案,我在VIEW層中的檔案為index.html。這樣我要引入JS時,如下:

     <script type="text/javascript" src="url/js/ajax.js'?>"></script>:注這裡url是你的網站絕對URL(絕對 URL,就是 http://domain/js/ajax.js   這樣叫做絕對 URL)

    到這裡就行了。當然為了可維護性,你也可以用CI內建的BASE_URL來設定,如下:

     進入 application/config/config.php檔案,在config.php檔案中設定base_url:

             $config['base_url'] = http://www.exiplode/com; //這裡是你的網站根目錄

    設定好後 再controller某處

      $this->load->helper('url'),

       然後再在VIEW層中具體頁面中引入即可:
    <script type="text/javascript" src='<?=base_url().'js/Ajax.js'?>'></script>

好了,CI中引入外部的JS與CSS就這麼簡單.

注別的說明:“ RewriteCond $1 !^(index/.php|images|js|img|css|robots/.txt) ”這裡代碼的意思是:任意你想訪問的資源都不被重新導向時,都可寫在這裡。有時,網站沒有載入CSS,JS(它的路徑都是正確的)時,都是被重新導向了,這要注意.

如還有什麼問題可與我交流或者上CI的中國官論壇 http://codeigniter.org.cn/forums/forum-4-1.html, 上面討論這個的很多。

    (另外:特別謝謝CI中國官論壇上的Hex 與visvoy )

為了您的安全,請只開啟來源可靠的網址

開啟網站    {
share.safelink.close();return false;
}" href="http://writeblog.csdn.net/#">取消

來自: http://hi.baidu.com/fc%5Flamp/blog/item/1e8bab1f2f2d5efd1bd576ef.html

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.