• 技术文章 >php框架 >YII

    yii2如何引入js文件

    VV2020-02-19 10:58:59原创1021

    问题:

    比如,我在web文件夹下建立css文件和js文件,在assets建立资源控制器。那么我在view层的时候怎么调用web/css/test.css或者web/js/test/js文件呢?

    方法如下:

    一、模块引用(该模块的所有页面都会引用)

    Yii2对于CSS/JS 管理,使用AssetBundle资源包类。

    (推荐教程:yii框架

    (注: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');?>

    想学习更多编程相关内容,请关注php中文网编程入门栏目!

    以上就是yii2如何引入js文件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:yii2 js
    上一篇:yii2运行流程 下一篇:yii2禁用bootstrap库
    线上培训班

    相关文章推荐

    • yii在linux下打不开gii• yii2上传文件失败• yii怎么引入css文件• 如何下载安装yii框架

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网