请选择 进入手机版 | 继续访问电脑版

Yii2|Yii爱好者中文社区门户

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
热搜: yii 控制器 数组
查看: 3863|回复: 0

Yii2视频教程十二、深入理解View——基本功能(JS、CSS)

[复制链接]

175

主题

860

帖子

4万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
45072
发表于 2015-2-21 14:45:40 | 显示全部楼层 |阅读模式
生成的Html中先后顺序
  • metaTags
  • linkTags
  • css引用的文件
  • css代码
  • js引用的文件
  • js代码


示例
  1. $this->registerLinkTag(['rel'=>'archives','title'=>'Yii2|Yii爱好者中文社区门户','href'=>'2'],'addlink');
  2. $this->registerLinkTag(['rel'=>'archives','title'=>'Yii2|Yii爱好者中文社区门户','href'=>'1'],'addlink');


  3. $this->registerMetaTag(['name'=>'generator','content'=>'Discuz! X3.2']);
  4. $this->registerMetaTag(['name'=>'author','content'=>'Discuz! Team and Comsenz UI Team']);


  5. $cssString='body{margin:0px;padding:0px;}';
  6. $this->registerCss($cssString);
  7. $this->registerCssFile('css/site.css');

  8. $jsString='$("#id").height(5)';
  9. $this->registerJs($jsString,View::POS_READY);
  10. $this->registerJsFile('assets/35aad32d/gii.js',['depends'=>['yii\web\YiiAsset'],'position'=>View::POS_HEAD]);
复制代码


依赖项
只有在注册css文件和js文件的时候才会使用依赖项,主要是为了确保注册的js在所依赖的js文件之后
  1. $this->registerCssFile('css/site.css');
  2. $this->registerJsFile('assets/35aad32d/gii.js',['depends'=>['yii\web\YiiAsset'],'position'=>View::POS_HEAD]);
复制代码


注册js代码、js文件的位置
js代码的位置有五种
  • View:: POS_HEAD
  • View:: POS_BEGIN
  • View:: POS_END
  • View:: POS_READY
  • View:: POS_LOAD
第4、5会自动把代码包含到Jquery中

js文件的位置有三种
  • View:: POS_HEAD
  • View:: POS_BEGIN
  • View:: POS_END
其中在注册的时候可以指定js文件的依赖项

链接: http://pan.baidu.com/s/1kT5kqTx 密码: 698a

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|Yii2|Yii爱好者中文社区门户  

GMT+8, 2017-2-28 02:30 , Processed in 0.298359 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表