yii中引入js和css文件

最新推荐文章于 2021-08-04 09:18:25 发布

happylifeng

最新推荐文章于 2021-08-04 09:18:25 发布

阅读量136

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP 文章标签： php javascript ViewUI

本文链接：https://blog.youkuaiyun.com/happylifeng/article/details/84251499

PHP 专栏收录该内容

93 篇文章

订阅专栏

本文详细介绍了如何在Yii框架中引用jQuery、CSS、JavaScript文件，包括核心部件的引入、控制器中文件的添加、在main.php布局文件中的引入方式以及性能优化建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、引入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中。