Yii2 加载css、js 载静态资源的方法
发布时间：2020-12-12 22:03:27 所属栏目：PHP教程 来源：网络整理
导读：应用场景 Yii2提供了AppAsset类管理静态资源，在使用Yii2 布局模板时，如果想在某个页面内部写一段js 并且在页面底部，如果直接使用 script 标签是不可以的。 使用AppAsset类管理静态资源 打开assetsAppAsset.php，定义 addJs(),addCss() 分别用于在静态页面
应用场景Yii2提供了AppAsset类管理静态资源，在使用Yii2 布局模板时，如果想在某个页面内部写一段js 并且在页面底部，如果直接使用 script 标签是不可以的。 使用AppAsset类管理静态资源打开assetsAppAsset.php，定义 addJs(),addCss() 分别用于在静态页面引入外部js、css 文件 1、修改AppAsset.php文件代码 registerJsFile(
$jsfile,[
AppAsset::className(),"depends" => "backendassetsAppAsset"
]
);
}
//定义按需加载css方法，注意加载顺序在最后
public static function addCss($view,$cssfile) {
$view->registerCssFile(
$cssfile,[
AppAsset::className(),"depends" => "backendassetsAppAsset"
]
);
}
}
2、在静态页面调用AppAsset.php use backendassetsAppAsset;
AppAsset::register($this); AppAsset::addJs($this,Yii::$app->request->baseUrl."/js/a.js"); AppAsset::addCss($this,Yii::$app->request->baseUrl."/css/b.css"); ?> 在网站页面底部加载javascript代码网页内部的js文件或代码，根据页面加载顺序，避免执行js时间过程导致页面空白，导致用户体验不好问题。一般放置在网页底部 |