Yii 引入 js和css

时间:2022-02-28 12:19:29
  1. //向控制器指定的页面注册新的css文件
  2. Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/mycss.css');
  3. //向控制器指定的页面注册新的css,签入的页面中 css1代表这段代码的唯一标示,如果有相同的标示,后面的会替代前面的css片段
  4. Yii::app()->clientScript->registerCss("css1","body{font-size:25px;}");
  5. //向控制器指定的页面注册新的js文件
  6. Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/css/myjs.js');
  7. //像控制器指定的页面注册新的js内容,签入到页面中  script1代表这段代码的唯一标示,如果有相同的标示,后面的会替代前面的js片段
  8. Yii::app()->clientScript->registerScript('script1','alert("内部签入js")',CClientScript::POS_END);
  9. js 和 css的引用,无论文件还是代码片段,有可以在控制器,视图,布局文件中引入。

或者:

在 Yii 中使用了 CClientScript 类来管理视图的 css 和 js 文件,使用方法

引入 css 文件

<?php
Yii::app()->getClientScript()->registerCssFile("/css/main.css");
?>

引入 js 文件

<?php
Yii::app()->getClientScript()->registerScriptFile("/js/main.js");
?>

使用 CClientScript 类来引入文件(js/css)的好处是我们可以在不同的视图文件中引入该视图私有的文件,而不是在layout文件里面引入,可以节约资源。

引入框架自带脚本包

Yii 框架中自带了一下脚本,我们可以很方便的使用,例如:jquery,jquery ui等等,使用方法如下

<?php
Yii::app()->getClientScript()->registerCoreScript("jquery");
?>

需要引入那个包只需更换包名即可.

Note:自带的包包括:'jquery', 'yii', 'yiitab', 'yiiactiveform', 'jquery.ui', 'bgiframe', 'ajaxqueue', 'autocomplete', 'maskedinput', 'cookie', 'treeview', 'multifile', 'rating', 'metadata', 'bbq'.