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);

~~~

yii2 js css,JS、CSS的引用相关推荐

yii 加载php文件,Yii2框架加载css和js文件的方法分析
本文实例讲述了Yii2框架加载css和js文件的方法.分享给大家供大家参考,具体如下: 1.第一步是要把我们的css.js文件放到web目录下 2.第二步修改assets/AppAsset.php文件 ...
tp view html 引用css,TP5.1：将外部资源引入到框架中（css/js/font文件）
为了让我们的框架形式变得更加好看,我们需要加入Bootstrap和Jq文件到框架中 1.通过Bootstrap和jq官网进行相关文件的下载 (1)Bootstrap下载地址:https://v3.bo ...
关于Yii2中CSS,JS文件的引入心得
js和css的引入 use yii\helpers\Html; 1.全局引入,所有的view生效 /assets/AppAsset.php public $css = ['css/site.css', ...
h5有缓存css,taro H5配置 cdn css js 缓存 hash 配置
1.taro使用详情请参考本https://nervjs.github.io/taro/docs搭建 2.关于文件的配置,在config/index.js添加相关配置使得pages下面对应的文件夹可 ...
用 Flask 来写个轻博客 (28) — 使用 Flask-Assets 压缩 CSS/JS 提升网页加载速度
Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录目录前文列表扩展阅读 Flask-Assets 将 Flask-Assets 应用 ...
html + css + js 实现简易计算器
使用LICEcap工具截取的效果图: 计算器页面实现: 为计算器的input输入框添加disabled="disabled"属性,防止从键盘中直接输入除小数点之外的非数字符号:设置 ...
html css周志,【嘉兴东臣php】HTML+CSS+JS周总结
总结: 通过一个星期的学习,了解了XHTML与HTML的区别,学习了CSS+JS,对于这些感觉还不是特别熟悉,下面是我对一周所学所做的总结以及还不是很清楚的地方. 一:XHTML 1.XHTML 就是 ...
highlight.js css,JS库之Highlight.js的用法详解
下载到本地后,新建个页面测试 1.在head中加入css和js的引用 highlight hljs.initHighlightingOnLoad(); 2.添加对应要显示的内容 # 读取文件内容 de ...
vue.js之过渡效果-css
2019独角兽企业重金招聘Python工程师标准>>> vue.js之过渡效果-css 概述 vuejs的过渡效果可以让我们的页面元素在出现和消失时实现过渡.官方文档这样描述过渡效果 ...

yii2 js css,JS、CSS的引用

yii2 js css,JS、CSS的引用相关推荐

最新文章

热门文章