1. 程式人生 > >yii2在頭部載入js檔案

yii2在頭部載入js檔案

yii預設在頁面後面引入js檔案:

.......

<script src="xxxxx.js"></script>

</body>

</html>

這導致了我們在頁面中使用script標籤寫js程式碼時會出錯,

<script type="text/javascript">
    $(document).ready(function () {

        console.log('ready...');

    });
</script>
--------------------------------------------------------------------
解決方法:'position' => \yii\web\View::POS_HEAD
class AdminAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/admin.css',
    ];
    public $js = [
//        'js/jquery.min-1.8.3.js',
        'js/utility.js',
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];

    /**
     * @inheritdoc
     */
    public $jsOptions = [
        'position' => \yii\web\View::POS_HEAD,   // 這是設定所有js放置的位置
    ];
}

我比較喜歡這種方式,這樣IDE就可以方便的提示js程式碼了...