當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
Yii直接加载JS/CSS
生活随笔
收集整理的這篇文章主要介紹了
Yii直接加载JS/CSS
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1.直接方式
1.1簡述
使用?yii\web\View?對(duì)象時(shí),可以動(dòng)態(tài)注冊前端腳本。 這里有兩個(gè)專門的方法:
- registerJs()?用于內(nèi)聯(lián)腳本。
- registerJsFile()?用于注冊引入外部腳本文件。
- registerCss()?用于內(nèi)聯(lián)腳本。
- registerCssFile()?用于注冊引入外部腳本文件。
1.2例子
$this->registerJs("$('#myButton').on('click', function() { alert('Button clicked!'); });",View::POS_READY,'my-button-handler' );$this->registerJsFile('@web/js/main.js',['depends' => [\yii\web\JqueryAsset::className()]] );$this->registerCss("body { background: #f00; }");$this->registerCssFile("@web/css/themes/black-and-white.css", ['depends' => [\yii\bootstrap\BootstrapAsset::className()],'media' => 'print', ], 'css-print-theme'); 第一個(gè)參數(shù)指明被注冊的 CSS 文件。 第二個(gè)參數(shù)指明 <link> 標(biāo)簽的 HTML 屬性,選項(xiàng) depends 是專門處理 指明 CSS 文件依賴于哪個(gè)資源包。在 這種情況下,依賴資源包就是 yii\bootstrap\BootstrapAsset。這意味著 CSS 文件將 被添加在 yii\bootstrap\BootstrapAsset 之后。最后一個(gè)參數(shù)指明一個(gè) ID 來標(biāo)識(shí)這個(gè) CSS 文件。 如果參數(shù)未提供,則將使用 CSS 文件的 URL。?
總結(jié)
以上是生活随笔為你收集整理的Yii直接加载JS/CSS的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何理解人才发展的意义?
- 下一篇: JS的小知识点