CodeIgniter 添加 JS 和 CSS
在 CodeIgniter 中添加 JavaScript 和 CSS(层叠样式表)文件非常简单，在根目录下创建 JS 和 CSS 文件夹，复制 JS 文件夹中的所有 .js 文件和 CSS 文件夹中的 .css 文件，如图所示。
例如，让我们假设，你已经创建了一个 JavaScript 文件sample.js和一个 CSS 文件style.css，现在，要将这些文件添加到你的视图中，请在你的控制器中加载 URL 助手，如下所示。
$this->load->helper('url');在控制器中加载 URL helper 后，只需在视图文件中添加以下给定的行，即可在视图中加载 sample.js 和 style.css 文件，如下所示。
<link rel = "stylesheet" type = "text/css" href = "<?php echo base_url(); ?>css/style.css"> <script type = 'text/javascript' src = "<?php echo base_url(); ?>js/sample.js"></script>
例子
创建一个名为Test.php的控制器，并将其保存在application/controller/Test.php。
<?php
class Test extends CI_Controller {
public function index() {
$this->load->helper('url');
$this->load->view('test');
}
}
?>创建一个名为test.php的视图文件，并将其保存在application/views/test.php。
<!DOCTYPE html> <html lang = "en"> <head> <meta charset = "utf-8"> <title>CodeIgniter View 例子</title> <link rel = "stylesheet" type = "text/css" href = "<?php echo base_url(); ?>css/style.css"> <script type = 'text/javascript' src = "<?php echo base_url(); ?>js/sample.js"></script> </head> <body> <a href = 'javascript:test()'>Click Here</a> to execute the javascript function. </body> </html>
创建一个名为style.css的CSS文件，并将其保存在css/style.css中。
body {
background:#000;
color:#FFF;
}创建一个名为sample.js的JS文件，并将其保存在js/sample.js中。
function test() {
alert('test');
}修改application/config/routes.php文件，并在文件末尾添加以下配置。
$route['profiler'] = "Profiler_controller"; $route['profiler/disable'] = "Profiler_controller/disable"
将 yoursite.com 替换为你站点的域名，在浏览器中访问以下链接执行上述示例。
http://yoursite.com/index.php/test