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

yii2如何引入js文件

王林
發布: 2020-02-19 10:58:59
原創
3071 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板