1、在web文件夾下添加static文件夾,該文件夾存放js、css、images等靜態資源文件
2、在AppAsset.php文件中添加以下代碼
????//定義按需加載JS方法,注意加載順序在最后 ????public?static?function?addJs($view,?$jsfile)? ????{ ????????$view->registerJsFile($jsfile,[AppAsset::className(),?"depends"?=>?'backendassetsAppAsset']); ????} ???? ????//定義按需加載css方法,注意加載順序在最后 ????public?static?function?addCss($view,?$cssfile) ????{ ????????$view->registerCssFile($cssfile,?[AppAsset::className(),?'depends'?=>?'backendassetsAppAsset']); ????}
(相關教程推薦:yii框架)
3、在HTML中引入js、css、images等
<?php use yiihelpersUrl; /** 引入js、css文件 */ use backendassetsAppAsset; AppAsset::register($this); AppAsset::addJs($this,Yii::$app->request->baseUrl."/static/js/jquery.min.js"); AppAsset::addJs($this,Yii::$app->request->baseUrl."/static/js/jquery.js"); AppAsset::addCss($this,Yii::$app->request->baseUrl."/static/css/index.css"); ?> <title>測試引入靜態資源</title><!-- 測試js和css --><div>點我彈出OK</div>?? <?php $this->beginBlock('test')??>?? ????$(function($)?{?? ??????$('#mybutton').click(function() ??????{?? ?????????alert('OK');?? ??????});?? ????});?? <?php $this->endBlock()??>??<?php $this->registerJs($this->blocks['test'],?yiiwebView::POS_END);??> <div>點我彈出loading</div>?? <div> @@##@@?<span>數據加載中....</span> </div> <?php $this->beginBlock('test')??>?? ????$(function($)?{?? ??????$("#mybutton2").click(function() ??????{?? ??????????$('#loading').show(); ??????});?? ????});?? <?php $this->endBlock()??>??<?php $this->registerJs($this->blocks['test'],?yiiwebView::POS_END);??> <!-- 引入圖片 --> @@##@@<br> @@##@@"?class="img-class"><br>
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END