yii2引入js和css

assets/AppAsset.php

public $css = [
    ‘css/site.css‘,
    ‘css/font/css/font-awesome.min.css‘,
    ‘css/doc.css‘,
];
public $js = [
    ‘js/core/app.js‘,
];布局文件中有AppAsset::register($this);

http://www.yiichina.com/question/344

http://www.yiichina.com/topic/5604

//输出url

<a href="<?=  Url::to([‘/users/login/login‘,‘id‘=>5,‘mark‘=>true]) ?>" >登录 </a>

以上等同于

<a href="/users/login/login?id=5&mark=true" >登录 </a>

//注册css

①css代码

<?php

  $css=<<<CSS

  .title{

    color:blue;

    }

  CSS;

$this->registerCss($css,View::POS_END);  //注册css代码 ,并置于最后面,避免被覆盖

?>

②注册css样式文件

<?php

  $this->registerCssFile(‘@web/css/mystyle.css‘);

?>

//注册js

①js代码

<?php

$js=<<<JS

  alert(123);

  JS;

  $this->registerJs($js,View::POS_HEAD); //注册JS代码 ,并置于最前面

  ?>

② js文件

<?php

  $this->registerJsFile(‘@web/js/myJs.js‘)

  ?>

参考:http://www.cnblogs.com/sheapchen/p/3939767.html

解决引入顺序:

use app\assets\AppAsset;
use yii\bootstrap\BootstrapAsset;

AppAsset::register($this);

$this->registerCssFile("@web/css/login.css",[
‘depends‘=>[BootstrapAsset::className()]
]);

关键是depends,参考:http://www.yiiframework.com/doc-2.0/guide-output-client-scripts.html

The option depends is specially handled. It specifies which asset bundles this CSS file depends on. In this case, the dependent asset bundle is BootstrapAsset. This means the CSS file will be added afterthe CSS files in BootstrapAsset.

时间: 2024-08-29 20:09:40

yii2引入js和css的相关文章

Yii2.0 是如何引入js和css

今天上午没事,重拾知识,此处是关于yii2.0是如何引入js 和css 使用总结 学习连接1:http://www.yiiframework.com/doc-2.0/guide-output-client-scripts.html 学习连接2:http://www.manks.top/article/yii2_load_js_css_in_end 学习连接3:http://www.yii-china.com/post/detail/39.html 问题:在开发web框架中,使用Yii2.0框架,

使用Maven构建Java Web项目时,关于jsp中引入js、css文件路径问题。

今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上stackoverflow找到了解决方法,这里不得不吐槽一下国内资料的可信度,不说了,以后遇到问题尽量还是google吧,花点钱买个vpn值了,生命有限,节约时间. 下面记录下解决方法吧: 首先,确保jsp引入了jstl:<%@ taglib uri="http://java.sun.com/jsp/jstl/core" pr

JS动态引入js、CSS动态创建script/link/style标签

一.动态创建link方式 我们可以使用link的方式.如下代码所示. function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css"); link.setA

HTML引入JS、CSS的各种方法

直接上代码,相信大家是看得懂的,最好的办法是把代码粘过去,自己修改试试,看看效果! 上面是刚开始的执行效果,相应的html,js,css展示如下: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML引入JS/CSS的三种方式</title> <!--引入外部的css文件--> <link rel

引入JS和CSS文件加版本号的作用

形如: <script type="text/javascript" src="/resources/js/myFunction.js?version=0.1.0"></script> <link rel="stylesheet" type="text/css" href="/resources/css/styles/myLocation.css?version=0.1.0"

yii 中引入js 和css 的方式

在yii中 我们需要引入css 和 js 的时候,yii 自身有需要的类. 当我在views 视图层中引入css 和 js , <?php Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl .'/css/articleIndex.css');?> <?php Yii::app()->clientScript->registerScriptFile(Yii::app()->base

引入 js 以及 css

1 <%-- 本地资源--%> 2 <script src="/jd/Public/js/jquery-3.2.1.min.js"></script> 3 <link href="/jd/Admin/css/manager.css" rel="stylesheet"> 4 <%-- 网络资源--%> 5 <!-- 新 Bootstrap 核心 CSS 文件 --> 6 <

django1.9引入js,css文件

settings.py STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) templates/hello.html {% load staticfiles %}#这句添加在html文件的最上面 <script src="{% static "js/jquery-3.1.1.min.js" %}" type="text/javascript&

怎样使用自定义标签简化 js、css 引入?

国庆将至,工作兴致全无,来总结点项目里平时不起眼干货. 前端引入 js .css 一般是这样: <script type="text/javascript" src="webContent 相对路径"></script> <link type="text/css" href="webContent 相对路径" rel="stylesheet"/> 简化后的 js .css