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 
 * @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文件的方法内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!