这篇文章主要介绍了yii2引入js文件的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
站在用户的角度思考问题,与客户深入沟通,找到福清网站设计与福清网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广、域名与空间、虚拟主机、企业邮箱。业务覆盖福清地区。
问题:
比如,我在web文件夹下建立css文件和js文件,在assets建立资源控制器。那么我在view层的时候怎么调用web/css/test.css或者web/js/test/js文件呢?
方法如下:
一、模块引用(该模块的所有页面都会引用)
Yii2对于CSS/JS 管理,使用AssetBundle资源包类。
(注:YII2基础版 assets/AppAsset.php,YII2高级版 frontend/assets/AppAsset.php,这里以基础版为例)
namespace app\assets; use yii\web\AssetBundle; /** * @author Qiang Xue* @since 2.0 */ class AppAsset extends AssetBundle { public $basePath = '@webroot'; public $baseUrl = '@web'; //全局css 在这个添加css文件 public $css = [ 'css/site.css', 'css/test.css', ]; //全局js 在这里添加js文件 public $js = [ 'js/test.js', ]; //依赖关系 public $depends = [ 'yii\web\YiiAsset', 'yii\bootstrap\BootstrapAsset', ]; }
二、在某个视图文件中引用
只需要在view文件中添加如下代码就行了。
//引用css文件,注意自己的文件路径 registerCssFile('css/test.css');?> //引用js文件,注意自己的文件路径 registerJsFile('js/test.js');?>
感谢你能够认真阅读完这篇文章,希望小编分享yii2引入js文件的方法内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!