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

Yii 引入 js和css的更多相关文章

  1. 使用Maven构建Java Web项目时,关于jsp中引入js、css文件路径问题。

    今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上stackoverflow找到了解决方法,这 ...

  2. Yii 引入js css jquery 执行操作

    在布局中引用通用到js,或者css: <?php Yii::app()->clientScript->registerCoreScript('jquery');?>  //注意 ...

  3. yii引入js文件

    作者:zccst 四.在视图层(../views/..)添加CSS文件或JavaScript文件 Yii::app()->clientScript->registerScriptFile( ...

  4. 引入js和css文件的总结

    1.用script标签引入javascript时,浏览器对于javascript的加载某些是并行的,某些是串行的,如IE8,Chorme2和firefox3都是串行加载的. 2.charset编码也就 ...

  5. JS动态引入js、CSS动态创建script/link/style标签

    一.动态创建link方式 我们可以使用link的方式.如下代码所示. function addCssByLink(url){ var doc=document; var link=doc.create ...

  6. 纯js自动批量引入js、css插件,支持自定义参数

    //autoload.js ;! function(e) { var autoload = e.autoload || {}; e.autoload = autoload; e.autoload = ...

  7. HTML引入JS、CSS的各种方法

    直接上代码,相信大家是看得懂的,最好的办法是把代码粘过去,自己修改试试,看看效果! 上面是刚开始的执行效果,相应的html,js,css展示如下: index.html <!DOCTYPE ht ...

  8. tp中引入js、css、img的问题

    方法一: 直接把js.css.img放到网站公共目录/Public/下. 然后直接在模板文件中使用__PUBLIC__进行替换. 方法二: 在模块配置文件config.php中配置指定的路径,如下: ...

  9. yii 中引入js 和css 的方式

    在yii中 我们需要引入css 和 js 的时候,yii 自身有需要的类. 当我在views 视图层中引入css 和 js , <?php Yii::app()->clientScript ...

随机推荐

  1. SCGHR 系统设计

    1.表,弄清表的意义,表是系统的核心.

  2. windows 编程—— 头文件 指引

    定义    相关头文件 #define UNICODE  <WINUSER.h> <WINNT.h>  <WINBASE.h> #define _UNICODE   ...

  3. Citrix 服务器虚拟化之十三 Xenserver虚拟机内存优化与性能监控

    Citrix 服务器虚拟化之十三   Xenserver虚拟机内存优化与性能监控 XenServer的DMC通过自动调节运行的虚拟机的内存,每个VM分配给指定的最小和最大内存值之间,以保证性能并允许每 ...

  4. ndroid调用平台功能具体技巧分享

    Android操作系统那个可以通过调用手机平台来实现一些特定的功能,诸如网页的显示,邮件的发送等等.那么今天就为大家总结了几个Android调用平台功能的应用技巧,帮助大家增加编程经验. Androi ...

  5. 管道(Pipe)/createPipe

    BOOL CreatePipe(PHANDLE hReadPipe, // 指向读句柄的指针 PHANDLE hWritePipe, // 指向写句柄的指针 LPSECURITY_ATTRIBUTES ...

  6. [Angular 2] Dispatching Action with Payloads and type to Reducers

    While action types allow you tell your reducer what action it should take, the payload is the data t ...

  7. unity3d 版本问题

    version: 4.2.1f4 1. 安装以后,不要启动,把exe拷贝覆盖. 2. 断网(重点,不断的话你试试就知道了) 3. 打开unity3d, 点击load License 4. 把ulf导入 ...

  8. [转] Ubuntu 12.04下LAMP安装配置 (Linux+Apache+Mysql+PHP)

    我是一个Linux新手,想要安装一台Ubuntu 12.04版的Linux服务器,用这台服务器上的LAMP套件来运行我自己的个人网站.LAMP套件就是 “Linux+Apache+Mysql+PHP这 ...

  9. 本篇文章主要是对jquery+ajax+C#实现无刷新操作数据库数据的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    我们知道同步执行和异步执行的区别,为了更好的提高用户的体验,我们都会采用异步方式去处理一些问题,毕竟单线程的同步可能回造成卡死等现象,很不友好,所以可以使用ajax来完成用户的体验,现在我们就来说说如 ...

  10. 图片跟着鼠标动js

    <!DOCTYPE html><html><head> <title>duisgf</title> <meta charset=&qu ...