yii2引入js文件的方法

这篇文章主要介绍了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。内容未经允许不得转载,或转载时需注明来源: 创新互联

微信小程序开发