1.直接方式

1.1简述

使用 yii\web\View 对象时，可以动态注册前端脚本。这里有两个专门的方法：

registerJs() 用于内联脚本。
registerJsFile() 用于注册引入外部脚本文件。

registerCss() 用于内联脚本。
registerCssFile() 用于注册引入外部脚本文件。

1.2例子

$this->registerJs("$('#myButton').on('click', function() { alert('Button clicked!'); });",View::POS_READY,'my-button-handler'
);$this->registerJsFile('@web/js/main.js',['depends' => [\yii\web\JqueryAsset::className()]]
);$this->registerCss("body { background: #f00; }");$this->registerCssFile("@web/css/themes/black-and-white.css", ['depends' => [\yii\bootstrap\BootstrapAsset::className()],'media' => 'print',
], 'css-print-theme');
第一个参数指明被注册的 CSS 文件。
第二个参数指明 <link> 标签的 HTML 属性，选项 depends 是专门处理 指明 CSS
文件依赖于哪个资源包。在
这种情况下，依赖资源包就是 yii\bootstrap\BootstrapAsset。这意味着 CSS 文件将
被添加在 yii\bootstrap\BootstrapAsset 之后。最后一个参数指明一个 ID 来标识这个 CSS 文件。 如果参数未提供，则将使用 CSS 文件的 URL。

Yii直接加载JS/CSS相关推荐

ASP.NET使用母版页后动态加载JS/CSS
ASP.NET中使用母版页最大的好处就是当有许多相似的页面时只用加一个母版页,每个页面用这个母版页生成内容页,然后根据情况修改每个内容页中的内容,保持页面布局的统一,同时也减少了代码量. 但另一个突出 ...
Yii资源包加载JS/CSS
1.资源包 Yii 在资源包中管理资源,资源包简单的说就是放在一个目录下的资源集合, 当在视图中注册一个资源包, 在渲染 Web 页面时会包含包中的 CSS 和 JavaScript 文件. 2.定义 ...
Maven——spring mvc加载js css静态资源文件
之前试过<mvc:resources>和<mvc:default-servlet-handler>,都不管用.经过尝试采用了下面的方法,加载成功. 首先是目录结构: commo ...
ios html加载css样式,iOS加载HTML, CSS代码
NSString *strHTML = @" // NSString *strHTML = model.goods_datails; NSMutableString *targerStr = ...
为什么css文件是.main,页面无法加载main.css
yii2 如何在页面底部加载css和js 作者:白狼出处:www.manks.top/article/yii2_load_js_css_in_end 本文版权归作者,欢迎转载,但未经作者同意必须保留 ...
jekyll静态博客提升访问速度：内嵌CSS，异步加载js，压缩HTML
在谷歌搜索的功能速度(实验性)中推荐使用工具PageSpeed Insights查看我的网页访问速度情况:PageSpeed Insights 分数很低,只有33分. 优化建议的第一条是移除阻塞渲染的 ...
js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)
var DynamciLoadUtil = { // 动态加载外部js文件,并执行回调 loadJS: function(url, callback){ var script = document.c ...
wordpress home.php,WordPress主题通过function.php来加载js和css文件
WordPress主题开发的时候可以直接将需要的js或css写在head标签中,但是现在已经不主张这种加载方式了,现在WordPress主题通过function.php来加载js和css文件. 基本架 ...
javascript中动态加载js、vbs脚本或者css样式表
目录:DynamicLoad类简介.属性.方法.事件.示例.下载. DynamicLoad类简介本文将为您介绍一个在javascript中可以动态加载js.vbs脚本和css样式表的DynamicL ...

Yii直接加载JS/CSS

1.直接方式

1.1简述

1.2例子

Yii直接加载JS/CSS相关推荐

最新文章

热门文章