关注我们

CodeIgniter - 加载JS和CSS

在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>

加载JS/CSS示例

创建一个名为 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 文件，为上述控制器添加路由，并在文件末尾添加以下行。

复制代码

$route['profiler']="Profiler_controller"; 
$route['profiler/disable']="Profiler_controller/disable"

在浏览器中使用以下URL执行。

链接：https://www.learnfk.comhttps://www.learnfk.com/codeigniter/codeigniter-adding-js-css.html

来源：LearnFk无涯教程网

http://yoursite.com/index.php/test

祝学习愉快！(内容编辑有误？请选中要编辑内容 -> 右键 -> 修改 -> 提交！)

技术教程推荐

AI技术内参 -〔洪亮劼〕

SQL必知必会 -〔陈旸〕

小马哥讲Spring核心编程思想 -〔小马哥〕

结构思考力 · 透过结构看问题解决 -〔李忠秋〕

好记忆不如烂笔头。留下您的足迹吧 :)