Yii引入css文件和js文件

通常做法

通常情况下我们使用一下方法来引入,直接写html代码

引入 css 文件

<head>
...
<link rel="stylesheet" type="text/css" href="/css/main.css" />
...
</head>

引入 js 文件

<script type="text/javascript" src="/js/main.js"></script>

在 Yii 中的做法

在 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'.

发表评论