在CODEIGNITER中 在CI中引入外部的JS與CSS呢
更新時間:2009年07月12日 21:11:50 作者:
其實不管是在用CI還是ZF都有同樣一個問題,就是路徑的問題。前期,我在用ZF做CMS時,我在.htaccess文件中設置了如遇到js,css,img等資源文件都不重定向。
但今天在用CI時,卻忘記了,搞了很久都沒有出來,上了CI的中國官方網(wǎng),終于在他們幫助下把問題觖決了,在這里把它貼出來,供大家分享。
(另注:我這里是隱藏了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是你的網(wǎng)站絕對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; //這里是你的網(wǎng)站根目錄
設置好后 再controller某處
$this->load->helper('url'),
然后再在VIEW層中具體頁面中引入即可:
<script type="text/javascript" src='<?=base_url().'js/Ajax.js'?>'></script>
好了,CI中引入外部的JS與CSS就這么簡單,如還有什么問題可與我交流 QQ:944597216
(另注:我這里是隱藏了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是你的網(wǎng)站絕對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; //這里是你的網(wǎng)站根目錄
設置好后 再controller某處
$this->load->helper('url'),
然后再在VIEW層中具體頁面中引入即可:
<script type="text/javascript" src='<?=base_url().'js/Ajax.js'?>'></script>
好了,CI中引入外部的JS與CSS就這么簡單,如還有什么問題可與我交流 QQ:944597216
您可能感興趣的文章:
- apache+codeigniter 通過.htcaccess做動態(tài)二級域名解析
- CI框架給視圖添加動態(tài)數(shù)據(jù)
- Cisco 路由器動態(tài)和靜態(tài)地址轉換
- CI(CodeIgniter)框架中的增刪改查操作
- Codeigniter(CI)框架分頁函數(shù)及相關知識
- CI(CodeIgniter)框架介紹
- CI(CodeIgniter)框架配置
- CodeIgniter模板引擎使用實例
- php之CodeIgniter學習筆記
- Codeigniter框架的更新事務(transaction)BUG及解決方法
- Codeigniter注冊登錄代碼示例
- 解析CodeIgniter自定義配置文件
- 基于Codeigniter框架實現(xiàn)的student信息系統(tǒng)站點動態(tài)發(fā)布功能詳解
相關文章
插件下載安裝系列Eclipse/IDEA/谷歌/火狐安裝插件
這篇文章主要介紹了插件下載安裝系列Eclipse/IDEA/谷歌/火狐,本文通過圖文并茂的形式給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-10-10