在CODEIGNITER中 在CI中引入外部的JS與CSS呢

來源:互聯網
上載者:User

但今天在用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就這麼簡單,如還有什麼問題可與我交流 QQ:944597216
相關文章

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.