首頁  >  文章  >  php框架  >  yii2如何引入js文件

yii2如何引入js文件

王林
王林原創
2020-02-19 10:58:593056瀏覽

yii2如何引入js文件

問題:

例如,我在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 = &#39;@webroot&#39;;
    public $baseUrl = &#39;@web&#39;;
    //全局css 在这个添加css文件
    public $css = [
        &#39;css/site.css&#39;,
        &#39;css/test.css&#39;,
    ];
    //全局js  在这里添加js文件
    public $js = [
        &#39;js/test.js&#39;,
    ];
    //依赖关系
    public $depends = [
        &#39;yii\web\YiiAsset&#39;,
        &#39;yii\bootstrap\BootstrapAsset&#39;,
    ];
}

二、在某個檢視檔案中引用

只需要在view檔案中加入以下程式碼就行了。

//引用css文件,注意自己的文件路径
<?php $this->registerCssFile(&#39;css/test.css&#39;);?>
//引用js文件,注意自己的文件路径<span class="redactor-invisible-space"></span>
<?php $this->registerJsFile(&#39;js/test.js&#39;);?>

想學習更多程式設計相關內容,請追蹤php中文網程式設計入門欄位!

以上是yii2如何引入js文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:yii2運行流程下一篇:yii2運行流程