在CODEIGNITER中 在CI中引入外部的JS与CSS呢
更新时间：2009年07月12日 21:11:50 作者：
其实不管是在用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就这么简单，如还有什么问题可与我交流 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是你的网站绝对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
您可能感兴趣的文章:
- apache+codeigniter 通过.htcaccess做动态二级域名解析
- CI框架给视图添加动态数据
- Cisco 路由器动态和静态地址转换
- CI(CodeIgniter)框架中的增删改查操作
- Codeigniter(CI)框架分页函数及相关知识
- CI（CodeIgniter）框架介绍
- CI(CodeIgniter)框架配置
- CodeIgniter模板引擎使用实例
- php之CodeIgniter学习笔记
- Codeigniter框架的更新事务（transaction）BUG及解决方法
- Codeigniter注册登录代码示例
- 解析CodeIgniter自定义配置文件
- 基于Codeigniter框架实现的student信息系统站点动态发布功能详解
相关文章
SolidWorks 2022 安装教程图文详解(含安装包)
本文详细介绍了SolidWorks2022软件的下载与安装步骤,包括如何通过百度网盘获取安装包,修改注册表,启动服务,解压安装包,断开互联网连接以及软件的安装过程,介绍了从准备安装文件到软件启动的全过程,确保用户能够顺利完成SolidWorks2022的安装并启用2024-11-11
Burp Suite 是用于攻击web 应用程序的集成平台包含了许多Burp工具，它主要用来做安全性渗透测试，可以实现拦截请求、Burp Spider爬虫、漏洞扫描（付费）等类似Fiddler和Postman但比其更强大的功能，今天给大家介绍下BurpSuite安装破解使用教程，感兴趣的朋友一起看看吧2022-10-10
在学习编程的道路上，算法是必不可少的一门课，最近就在重温算法，所以下面这篇文章主要给各位程序员们推荐了几本关于算法的相关书籍，需要的朋友们可以下载学习，相信会对大家具有一定的参考学习价值的，下面来一起看看吧。2017-07-07
DeepSeek作为一款开源且性能强大的大语言模型,提供了灵活的本地部署方案,让用户能够在本地环境中高效运行模型,同时保护数据隐私,在本地成功部署DeepSeek模型,并通过Ollama或Open Web UI与模型进行交互2025-02-02
汉明码在传输的消息流中插入验证码，当计算机存储或移动数据时，可能会产生数据位错误，以侦测并更正单一比特错误。由于汉明编码简单，它们被广泛应用于内存RAM2021-09-09
本文主要介绍软件测试面试如何测试一个杯子,这里帮大家整理了详细的面试资料，和面试需要准备的知识点，有兴趣的小伙伴可以参考下2016-08-08
这篇文章主要为大家介绍了APAP ALV进阶写法及优化详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了Spark在Windows下的环境搭建方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-06-06
本文主要讲解数据包在网络中的生命履历来引出一些网络基础知识，介绍的比较详细，需要了解的小伙伴可以自己参考一下2021-08-08
这篇文章主要介绍了MobaXterm上传下载文件、文件夹到服务器上的操作方法,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
最新评论