yii中引入js和css文件

一、引入jquery核心部件

     代码

1. Yii::app()->clientScript->registerCoreScript('jquery');  

批注：不论在页面中的何种位置引用，最终yii会将jquery.js文件放入yii的assets文件夹下。即/projectName/assets/82qg58/jquery-1.6.1.min.js。

二、在控制器添加CSS文件或JavaScript文件

     代码

1. public function init()  
2. {     
3.     //parent::init();     
4.     Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/my.css');  
5.     Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/css/my.js');  
6. }  

三、在../layouts/main.php中引入

1，直接引入

代码

1. <!-- css -->  
2. <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/print.css" media="print" />  
3. <!-- 图片 -->  
4. <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/js/autocomplete/indicator.gif" />  
5. <!-- js -->  
6. <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery.js"></script>  

2，yii方式引入

Html代码

1. <?php  
2. <!-- （一）简单用法 -->  
3. <!-- js -->  
4.     Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . "/js/jqueryui/jquery-ui.min.js", CClientScript::POS_END);  
5.   
6.   
7. <!-- （二）复杂用法 -->  
8. if($this->user->id) {  
9.         Yii::app()->clientScript->registerScriptFile(Yii::app()->createUrl('/account/info', array('format' => 'js')), CClientScript::POS_END);  
10.     }  
11.   
12.     if($this->user->id) {  
13.         Yii::app()->clientScript->registerScriptFile(Yii::app()->createUrl('site/baseJs'));  
14.     }  
15. ?> 
    

批注：在yii运行后，第一种在head中，第二种在body最后面，显然后者效率更高。但必须加载的js和css有必要写在head中。