如何在CodeIgniter中引入外部的JS和CSS文件
2014-03-17 10:11
1271 查看
1.设置重定向
修改apache配置文件httpd.conf
1、//开启rewrite
LoadModule rewrite_module modules/mod_rewrite.so
2、//开启 .htaccess,找到网站根目录<Directory "E:/PHPWEB">修改:
Options FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
然后,在 CI 根目录下新建立一个配置文件,命名为: .htaccess
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond $1 !^(index\\.php|images|robots\\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]
在里面这样写:就可以去掉 index.php 了。要注意 /index.php/$1 要根据你目录(Web 目录,比如 http://www.domain.com/index.php)的实际情况来定,比如网站根目录是 /ci/index.php 则要写成 /ci/index.php/$1
2.把JS,CSS,IMG等资源文件夹与SYSTEM文件夹放在同一级下,然后在JS文件夹中建立js文件,例如:ajax.js。
3.在application\config\config.php文件中设置base_url :
$config['base_url'] =http://www.exiplode/com; //这里是你的网站根目录
4.在controller构造方法中调用如下代码:
$this->load->helper('url')
否则页面会空白
5.在VIEW层中具体页面中引入即可:
<script type="text/javascript" src='<?=base_url().'js/Ajax.js'?>'></script>
6.可以使用html的<base href=''<?=base_url()?>"来简化:
<script type="text/javascript" src='js/Ajax.js'></script> 这一点在导入图片时非常有用.
修改apache配置文件httpd.conf
1、//开启rewrite
LoadModule rewrite_module modules/mod_rewrite.so
2、//开启 .htaccess,找到网站根目录<Directory "E:/PHPWEB">修改:
Options FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
然后,在 CI 根目录下新建立一个配置文件,命名为: .htaccess
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond $1 !^(index\\.php|images|robots\\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]
在里面这样写:就可以去掉 index.php 了。要注意 /index.php/$1 要根据你目录(Web 目录,比如 http://www.domain.com/index.php)的实际情况来定,比如网站根目录是 /ci/index.php 则要写成 /ci/index.php/$1
2.把JS,CSS,IMG等资源文件夹与SYSTEM文件夹放在同一级下,然后在JS文件夹中建立js文件,例如:ajax.js。
3.在application\config\config.php文件中设置base_url :
$config['base_url'] =http://www.exiplode/com; //这里是你的网站根目录
4.在controller构造方法中调用如下代码:
$this->load->helper('url')
否则页面会空白
5.在VIEW层中具体页面中引入即可:
<script type="text/javascript" src='<?=base_url().'js/Ajax.js'?>'></script>
6.可以使用html的<base href=''<?=base_url()?>"来简化:
<script type="text/javascript" src='js/Ajax.js'></script> 这一点在导入图片时非常有用.
相关文章推荐
- 怎么(如何在CODEIGNITER中)在CI中引入外部的JS与CSS呢?
- 引入外部JS或CSS文件的写法
- 网页中引入外部js,css文件出现的问题
- 如何在jsp文件中引入css和js文件
- yii框架如何引入css、img、js文件
- Vue-cli项目中引入外部/第三方css/js/less文件具体步骤
- 使用express框架,如何在ejs文件中导入外部的js、css文件
- Laravel页面如何引入css/js等静态文件?
- flask-bootstrap 模版中所需的CSS/JS文件如何实现本地引入
- JQMobile引入外部CSS,JS文件
- Vue项目中引入外部文件的方法(css、js、less)
- 在HTML中引入外部文件CSS和JS的方法
- 如何让浏览器访问最新的js、css等外部引用文件?
- BSP中如何引用外部文件(JS/CSS等)及复杂功能的组织实现
- yii2如何引入自定义css或js文件
- Django模板中如何导入js、css等外部文件
- YII 如何在当前页面外部加载css,img,js文件
- Django模板中如何导入js、css等外部文件
- vue项目中引入外部css以及js文件的方法
- django1.4模板中如何导入js、css等外部文件