yii2如何引入js文件-YII-PHP中文网

yii2如何引入js文件

王林

发布： 2020-02-19 10:58:59

原创

3298人浏览过

yii2如何引入js文件

问题：

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

方法如下：

一、模块引用（该模块的所有页面都会引用）

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

（推荐教程：yii框架）

名品购物网店系统

适合品牌专卖店专用，从前台的美工设计就开始强调视觉形象，有助于提升商品的档次，打造网店品牌!后台及程序核心比较简洁，着重在线购物，去掉了繁琐的代码及垃圾程式，在结构上更适合一些中高档的时尚品牌商品展示. 率先引入语言包机制，可在1小时内制作出任何语言版本，程序所有应用文字皆引自LANG目录下的语言包文件，独特的套图更换功能，三级物品分类，购物车帖心设计，在国内率先将购物车与商品显示页面完美结合，完

查看详情

（注：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中文网其它相关文章！