yii中引入js和css文件

 

一、引入jquery核心部件

     代码

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

 

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

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

     代码 

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

 

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

1，直接引入

代码 

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

 

2，yii方式引入

Html代码 

<?php  
<!-- （一）简单用法 -->  
<!-- js -->  
    Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . "/js/jqueryui/jquery-ui.min.js", CClientScript::POS_END);  
  
  
<!-- （二）复杂用法 -->  
if($this->user->id) {  
        Yii::app()->clientScript->registerScriptFile(Yii::app()->createUrl('/account/info', array('format' => 'js')), CClientScript::POS_END);  
    }  
  
    if($this->user->id) {  
        Yii::app()->clientScript->registerScriptFile(Yii::app()->createUrl('site/baseJs'));  
    }  
?>  

 

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