在CODEIGNITER中 在CI中引入外部的JS與CSS呢
更新時(shí)間：2009年07月12日 21:11:50 作者：
其實(shí)不管是在用CI還是ZF都有同樣一個(gè)問(wèn)題，就是路徑的問(wèn)題。前期，我在用ZF做CMS時(shí)，我在.htaccess文件中設(shè)置了如遇到j(luò)s,css,img等資源文件都不重定向。
但今天在用CI時(shí)，卻忘記了，搞了很久都沒(méi)有出來(lái)，上了CI的中國(guó)官方網(wǎng)，終于在他們幫助下把問(wèn)題觖決了，在這里把它貼出來(lái)，供大家分享。
（另注：我這里是隱藏了url中的index.php文件的，與不隱藏有所不同，但最終都是采用絕對(duì)URL）
首先，我在.htaccess文件里設(shè)置（作用是隱藏index.php），如下：
RewriteEngine on
RewriteCond $1 !^(index\.php|images|js|img|css|robots\.txt) #在這里寫要排除的資源等
RewriteRule ^(.*)$ index.php/$1 [L]
我把JS,CSS,IMG等資源文件夾與SYSTEM文件夾放在同一級(jí)下，然后在JS文件夾中建立ajax.js文件，我在VIEW層中的文件為index.html。這樣我要引入JS時(shí)，如下：
<script type="text/javascript" src="url/js/ajax.js'?>"></script>：注這里url是你的網(wǎng)站絕對(duì)URL（絕對(duì) URL，就是 http://domain/js/ajax.js 這樣叫做絕對(duì) URL）
到這里就行了。當(dāng)然為了可維護(hù)性，你也可以用CI自帶的BASE_URL來(lái)設(shè)置，如下：
進(jìn)入 application\config\config.php文件，在config.php文件中設(shè)置base_url:
$config['base_url'] = http://www.exiplode/com; //這里是你的網(wǎng)站根目錄
設(shè)置好后 再controller某處
$this->load->helper('url')，
然后再在VIEW層中具體頁(yè)面中引入即可：
<script type="text/javascript" src='<?=base_url().'js/Ajax.js'?>'></script>
好了，CI中引入外部的JS與CSS就這么簡(jiǎn)單，如還有什么問(wèn)題可與我交流 QQ:944597216
（另注：我這里是隱藏了url中的index.php文件的，與不隱藏有所不同，但最終都是采用絕對(duì)URL）
首先，我在.htaccess文件里設(shè)置（作用是隱藏index.php），如下：
RewriteEngine on
RewriteCond $1 !^(index\.php|images|js|img|css|robots\.txt) #在這里寫要排除的資源等
RewriteRule ^(.*)$ index.php/$1 [L]
我把JS,CSS,IMG等資源文件夾與SYSTEM文件夾放在同一級(jí)下，然后在JS文件夾中建立ajax.js文件，我在VIEW層中的文件為index.html。這樣我要引入JS時(shí)，如下：
<script type="text/javascript" src="url/js/ajax.js'?>"></script>：注這里url是你的網(wǎng)站絕對(duì)URL（絕對(duì) URL，就是 http://domain/js/ajax.js 這樣叫做絕對(duì) URL）
到這里就行了。當(dāng)然為了可維護(hù)性，你也可以用CI自帶的BASE_URL來(lái)設(shè)置，如下：
進(jìn)入 application\config\config.php文件，在config.php文件中設(shè)置base_url:
$config['base_url'] = http://www.exiplode/com; //這里是你的網(wǎng)站根目錄
設(shè)置好后 再controller某處
$this->load->helper('url')，
然后再在VIEW層中具體頁(yè)面中引入即可：
<script type="text/javascript" src='<?=base_url().'js/Ajax.js'?>'></script>
好了，CI中引入外部的JS與CSS就這么簡(jiǎn)單，如還有什么問(wèn)題可與我交流 QQ:944597216
您可能感興趣的文章:
- apache+codeigniter 通過(guò).htcaccess做動(dòng)態(tài)二級(jí)域名解析
- CI框架給視圖添加動(dòng)態(tài)數(shù)據(jù)
- Cisco 路由器動(dòng)態(tài)和靜態(tài)地址轉(zhuǎn)換
- CI(CodeIgniter)框架中的增刪改查操作
- Codeigniter(CI)框架分頁(yè)函數(shù)及相關(guān)知識(shí)
- CI（CodeIgniter）框架介紹
- CI(CodeIgniter)框架配置
- CodeIgniter模板引擎使用實(shí)例
- php之CodeIgniter學(xué)習(xí)筆記
- Codeigniter框架的更新事務(wù)（transaction）BUG及解決方法
- Codeigniter注冊(cè)登錄代碼示例
- 解析CodeIgniter自定義配置文件
- 基于Codeigniter框架實(shí)現(xiàn)的student信息系統(tǒng)站點(diǎn)動(dòng)態(tài)發(fā)布功能詳解
相關(guān)文章
SolidWorks?2022?安裝教程圖文詳解(含安裝包)
本文詳細(xì)介紹了SolidWorks2022軟件的下載與安裝步驟,包括如何通過(guò)百度網(wǎng)盤獲取安裝包,修改注冊(cè)表,啟動(dòng)服務(wù),解壓安裝包,斷開(kāi)互聯(lián)網(wǎng)連接以及軟件的安裝過(guò)程,介紹了從準(zhǔn)備安裝文件到軟件啟動(dòng)的全過(guò)程,確保用戶能夠順利完成SolidWorks2022的安裝并啟用2024-11-11
BurpSuite超詳細(xì)安裝和基礎(chǔ)使用教程(已破解)
Burp?Suite?是用于攻擊web?應(yīng)用程序的集成平臺(tái)包含了許多Burp工具，它主要用來(lái)做安全性滲透測(cè)試，可以實(shí)現(xiàn)攔截請(qǐng)求、Burp?Spider爬蟲(chóng)、漏洞掃描（付費(fèi)）等類似Fiddler和Postman但比其更強(qiáng)大的功能，今天給大家介紹下BurpSuite安裝破解使用教程，感興趣的朋友一起看看吧2022-10-10
在學(xué)習(xí)編程的道路上，算法是必不可少的一門課，最近就在重溫算法，所以下面這篇文章主要給各位程序員們推薦了幾本關(guān)于算法的相關(guān)書(shū)籍，需要的朋友們可以下載學(xué)習(xí)，相信會(huì)對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值的，下面來(lái)一起看看吧。2017-07-07
DeepSeek作為一款開(kāi)源且性能強(qiáng)大的大語(yǔ)言模型,提供了靈活的本地部署方案,讓用戶能夠在本地環(huán)境中高效運(yùn)行模型,同時(shí)保護(hù)數(shù)據(jù)隱私,在本地成功部署DeepSeek模型,并通過(guò)Ollama或Open?Web?UI與模型進(jìn)行交互2025-02-02
漢明碼在傳輸?shù)南⒘髦胁迦腧?yàn)證碼，當(dāng)計(jì)算機(jī)存儲(chǔ)或移動(dòng)數(shù)據(jù)時(shí)，可能會(huì)產(chǎn)生數(shù)據(jù)位錯(cuò)誤，以偵測(cè)并更正單一比特錯(cuò)誤。由于漢明編碼簡(jiǎn)單，它們被廣泛應(yīng)用于內(nèi)存RAM2021-09-09
本文主要介紹軟件測(cè)試面試如何測(cè)試一個(gè)杯子,這里幫大家整理了詳細(xì)的面試資料，和面試需要準(zhǔn)備的知識(shí)點(diǎn)，有興趣的小伙伴可以參考下2016-08-08
這篇文章主要為大家介紹了APAP?ALV進(jìn)階寫法及優(yōu)化詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了Spark在Windows下的環(huán)境搭建方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
網(wǎng)絡(luò)基礎(chǔ)-數(shù)據(jù)包
本文主要講解數(shù)據(jù)包在網(wǎng)絡(luò)中的生命履歷來(lái)引出一些網(wǎng)絡(luò)基礎(chǔ)知識(shí)，介紹的比較詳細(xì)，需要了解的小伙伴可以自己參考一下2021-08-08
MobaXterm上傳下載文件、文件夾到服務(wù)器上的操作方法
這篇文章主要介紹了MobaXterm上傳下載文件、文件夾到服務(wù)器上的操作方法,本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-07-07