yii2 加载css，js

1. 视图页面直接加载

$css = <<<CSSp {text-indent:5em;}div{width: 500px;}
CSS;
$this->registerCss($css,['type'=>'text/css'],'test');
$js = <<<JS// console.log('sss');
JS;
$this->registerJs($js);

2. 视图页面直接加载css，js文件

$this->registerJsFile('@web/assets/9d00e06a/core.js');

$this->registerCssFile('@web/assets/9d00e06a/core.js');

<script type="text/javascript"><?php $this->beginBlock('JS_END') ?>function check(item){var id = $(item).attr("data-id");$('.extra').hide();$.ajax({type: "POST",url: "<?=Url::to(['admin/info-view'])?>",dataType: 'JSON',data: {'id':id},success: function (data) {if(data.error==0){$('#alertModal').modal();$('#alertModalLabel').html(data.content.title);$('#alert-message').html(data.content.content);// $('#alertModalsubhead').html('&nbsp;&nbsp;&nbsp;&nbsp;浏览量：'+json.data.count+'&nbsp;&nbsp;&nbsp;&nbsp;');// if(json.data.file > 0){//     $('.extra').attr('href',json.data.extra).show();// }}else{MXHY.msg('请求出错','error');}}});}function addhtml(data,dom){var html = '';var info='';for (var i = 0; i < data.length; i++) {if(data[i].recommend==2){info = 'info-e';}else{info='';}html += "<tr><td width='80%' style='line-height:30px;'><a class='info_d "+info+"' onclick='check(this)' data-id='"+data[i].id+"'>"+data[i].title+"</a></td><td width='20%' style='line-height:30px;text-align:center;'>"+data[i].create_time+"</td></tr>";}dom.html(html);}<?php$infoType = Yii::$app->params['INFO_TYPE'];foreach($infoType as $k=>$type){?>$("#page-ann<?=$k?>").pagination({totalData: <?=$typeTotal[$k]?>,showData: 10,coping: true,homePage: '首页',endPage: '末页',count: 1,callback:function(api){var data = {page: api.getCurrent(),type: <?=$k?>,};$.post('<?=Url::to(['info-page'])?>',data,function(data){if(data.error==0){addhtml(data.content,$('.ann<?=$k?>'));}else{MXHY.msg('请求出错','error');}});}});<?php}?><?php $this->endBlock(); ?>
</script>
<?php $this->registerJs($this->blocks['JS_END'], yii\web\View::POS_END); ?><?php$this->registerCssFile('@web/js/libs/pagination/style/pagination.css',['depends'=>'backend\assets\AppAsset']);$this->registerJsFile('@web/js/libs/pagination/script/jquery.pagination.js',['depends'=>'backend\assets\AppAsset'])
?>

https://blog.csdn.net/maclechan/article/details/45803821

yii2 加载css，js相关推荐

asp.net MVC发布iis无法加载css,js和图片
今天真够郁闷的,遇到了在本地能运行的项目到了iis服务器那里就不行了,无法加载css,js和图片,这里说清楚一下先,关于asp.net 的MVC中这样的情况其实不少,但是之前遇到的是在visual s ...
yii 加载php文件,Yii2框架加载css和js文件的方法分析
本文实例讲述了Yii2框架加载css和js文件的方法.分享给大家供大家参考,具体如下: 1.第一步是要把我们的css.js文件放到web目录下 2.第二步修改assets/AppAsset.php文件 ...
JQuery 加载 CSS、JS 文件
JS 方式加载 CSS.JS 文件: //加载 css 文件 function includeCss(filename) {var head = document.getElementsByTagNa ...
php 无法加载css文件,解决ThinkPHP样式无法加载问题（CSS,JS）,
解决ThinkPHP样式无法加载问题(CSS,JS)解决了ThinkPHP风格无法加载的问题(CSS,JS),以下是thinkphp框架教程栏目,对ThinkPHP风格无法加载(CSS,JS)问题的解 ...
js控制css 加载,CSS样式表的加载对于DOM解析,渲染,JS执行的阻塞问题
CSS加载问题 css加载会不会阻塞DOM树的解析? css加载会不会阻塞DOM树的渲染? css加载会不会阻塞后面js语句的执行? css阻塞 h1 { color: red !important ...
百度云虚拟主机中的网站不能加载静态js、css和images等文件的解决方案
百度云虚拟主机下配置个人网站不能加载静态js.css和images等文件时,需要在webroot(网站根目录)下创建bcloud_nginx_user.conf,在这个文件里面设置加载静态文件资源. ...
webpack（一）压缩js,加载css,压缩html,压缩图片
1.webpack是前端资源构建工具(将一系列小工具用一个大工具处理),静态模块打包器(js资源,css资源,图片字体等资源). 首先告诉webpack一个入口文件,webpack就会以这个入口文 ...
第二十四节：动态加载JS和动态加载CSS
1.动态加载JS 一般需要用到js,需要将js放到<script></<script>中,一般script放到页面底部:或者在顶部引入外部js. <!DOCTYPE ...
ci框架中引入css,php ci框架中加载css和js文件失败的原因和解决方法
php ci框架中加载css和js文件失败的原因和解决方法发布时间:2021-07-01 12:08:38 来源:亿速云阅读:50 作者:chen 本篇内容介绍了"php ci框架中加载 ...
IE浏览器加载CSS文件，但是不起作用的原因
如果有哪一天,你突然发现自己写的的脚本不起作用了,而这一切又只是发生在IE浏览器上,你会怎么办?你是认为自己写的程序有问题呢?还是认为IE处理程序有问题?其实这个问题想都不用想,肯定是我们写的程序有问 ...

yii2 加载css，js

yii2 加载css，js相关推荐

最新文章

热门文章