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中。