这篇文章主要介绍了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 <qiang.xue@gmail.com> * @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文件,注意自己的文件路径 <?php $this->registerCssFile('css/test.css');?> //引用js文件,注意自己的文件路径<span class="redactor-invisible-space"></span> <?php $this->registerJsFile('js/test.js');?>
感谢你能够认真阅读完这篇文章,希望小编分享yii2引入js文件的方法内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!
文章名称:yii2引入js文件的方法
标题路径:https://www.cdcxhl.com/article26/peoojg.html
成都网站建设公司_创新互联,为您提供面包屑导航、网站排名、软件开发、App开发、企业建站、网站设计
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联