javascript
yii2 js css,JS、CSS的引用
[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的引用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 5G网络技术会带来哪些改变 上网速度至少
- 下一篇: 招商信用卡积分兑换航空里程