在CodeIgniter中添加JavaScript和CSS文件非常简单。您必须在根目录中创建JS和CSS文件夹,并复制JS文件夹中的所有.js文件和CSS文件夹中的.css文件,如图所示。
假设无涯教程已经创建了一个JavaScript文件 sample.js 和一个CSS文件 style.css 。现在,要将这些文件添加到视图中,请在控制器中加载URL帮助器,
$this->load->helper('url');
在控制器中加载URL帮助器后,只需在视图文件中添加以下给定的行,即可在视图中加载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 Example</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 中的 routes.php 文件,为上述控制器添加路由,并在文件末尾添加以下行。
链接:https://www.learnfk.comhttps://www.learnfk.com/codeigniter/codeigniter-adding-js-css.html
来源:LearnFk无涯教程网
$route['profiler']="Profiler_controller"; $route['profiler/disable']="Profiler_controller/disable"
在浏览器中使用以下URL执行。
http://yoursite.com/index.php/test
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)