yii2如何引入js文件

前端  /  管理员 发布于 7年前   225

问题：

比如，我在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 <[email protected]> * @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文件的详细内容，更多请关注其它相关文章！