yii2.0模板引用js與css文件

yii可以很方便的使用APPASSET::REGISTER($THIS)引入JS和CSS文件了,下文我們一起來看一些例子,這些例子希望對大家會帶來幫助。

Yii2使用更加規範的方式,通過AppAsset::register($this)方法引入js和css文件,在Yii2的示例中,layouts的main.php中就有它的用法:AppAsset::register($this)。


在WEB目錄中,會有一個assets目錄,這個目錄下有個Appasset.php文件,內容如下:

namespace frontend\assets;

use yii\web\AssetBundle;

/**
* @author Qiang Xue <qiang.xue@gmail.com>
* @since 2.0
*/
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.css',
];
public $js = [
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
];
}

這個AppAsset類繼承了Yii\web\AssetBundle,它主要定義了js和css文件的路徑和依賴。

在模版布局文件main.php使用AppAsset::register($this)注冊這些css和js文件,除此之外,在html的head裏面加上:

<?php $this->head() ?>

這句話是生成一個替換字符,表示css和js的引用代碼在這裏顯示。別忘了在head裏加上這句。

更多相關文章
  • 如果我們要動態載入js文件最簡單辦法就是使用jquery ajax中的getscript方法了,其它的還有我們自己寫的一些方法,下面總結一下動態載入js與css文件.jquery動態載入css,js文件方法簡單很,例
  • 本文章來給各位同學詳細介紹WordPress怎麽引用javascript和 CSS 文件,有需要了解的朋友可參考,在引用中常見的 link 標簽引用 CSS 文件,Script 標簽應用 JS 文件了,還有一種辦法可
  • 在Web,js,css文件會越多,那麽對就增加了http請求數,解決該問題的一個好的方法就是合並js,css文件.下面就簡單介紹一個方法,十分簡單.本文以實現原理爲主,代碼可能會有出入,如果大家直接用請調試一下.HT
  • 在jquery中要實現動態載入js文件的方法有很多種,最簡單的我們可以直接利用$.getScript(url,callback) 來實現,也可以自定定義的動態載入js文件.先來看jquery自帶的getSrcript文件方法 代碼如下 $.getScript(url,callback) 實例 代碼如
  • Linux命令縮小js.css文件有就點像js的壓縮了,這個非常的簡單也非常的方便並且可以節省流量與成本了,下面我們來看看這個例子.做網站優化的運維都知道,爲了提高網站的訪問速度,一般會開啓Apache/Nginx gzip功能,將文件壓縮,但是這個壓縮與我要說的壓縮不在一個層面.網上也提供一些線上
  • 本文章是一款免費的js動態載入css 與javascrpt文件下載包,如果你正在找動態載入js或動態載入css的js函數這裏很不錯哈,他可以根據用戶設置來遍曆javascrt或link再重新增加.function $import(path,type,title){ var s,i; if(type
  • 在javascript中沒有像php中可以使用include載入文件,這裏我們需要自己定義一些方法,下面總結了關于javascript include/import 動態載入js/css文件方法有需要的同學可參考本文章.第一種:一般用在外部CSS文件中載入必須的文件 程序代碼 代碼如下 @impor
  • ecshop自動解析模板中圖片,css,js的路徑
    ecshop會有一個自動的功能就是什自動解析模板中指定類型文件的路徑,如有css,images,js這三個目錄而像img,javascript就不會解析了,具體看文章最後面的圖文說明.ecshop會自動解析模板文件中的圖片,css文件,js文件的路徑,但並不是所有的圖片,css文件,js文件的路徑都
一周排行