[TOC]

#### 1. 使用AssetBundle進行注冊

~~~

class AppAsset extends AssetBundle

{

public $basePath = '@webroot';

public $baseUrl = '@web';

public $css = [

'css/product_release.css',

'css/main.css',

'css/center.css',

];

public $js = [

'js/common.js'

];

public $depends = [

'yii\web\JqueryAsset',

'light\assets\LayerAsset',

];

}

~~~

在view中使用asset進行注冊

~~~

~~~

#### 2.View中直接注冊JS 、CSS文件

~~~

//注冊JS文件

<?php $this->registerJsFile('/js/product_attr.js'); ?>

//注冊JS文件，并設置依賴優先關系，如下，jquery文件會優先加載。

<?php $this->registerJsFile('/js/product_attr.js',['depends'=>['yii\web\JqueryAsset']]); ?>

//注冊CSS文件

<?php $this->registerCssFile('/css/cart.css'); ?>

//注冊CSS文件，設置依賴優先關系，如下，AppAsset的css文件會優先加載。

<?php $this->registerCssFile('/css/cart.css',['depends'=>['backend\assets\AppAsset']]); ?>

~~~

#### 3.View中使用JS、CSS代碼塊

~~~

//注冊JS代碼塊

<?php $this->beginBlock('js'); ?>

function mytest(){

alert('hello wangkun');

}

<?php $this->endBlock(); ?>

<?php $this->registerJs($this->blocks['js'],View::POS_END); ?>

//注冊CSS代碼塊

$cssStr = ".text-block{background-color:red;}";

$this->registerCss($cssStr);

?>

~~~

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的yii2 js css,JS、CSS的引用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。