项目

ASP.NET Core MVC / Razor Pages UI:JavaScript 资源加载器 API

abp.ResourceLoader 是一项能够按需加载 JavaScript 或 CSS 文件的服务。它能确保即使多次请求,也仅会加载文件一次。

加载脚本文件

abp.ResourceLoader.loadScript(...) 函数从服务器加载一个 JavaScript 文件并执行它。

示例:加载 JavaScript 文件

abp.ResourceLoader.loadScript('/Pages/my-script.js');

参数

loadScript 函数可接收三个参数:

  • url(必需,string):要加载的脚本文件的 URL。
  • loadCallback(可选,function):一个回调函数,在脚本加载并执行完成后调用。在此回调中,可以安全地使用脚本文件中的代码。即使文件之前已加载过,此回调仍会被调用。
  • failCallback(可选,function):一个回调函数,在加载脚本失败时调用。

示例:提供 loadCallback 参数

abp.ResourceLoader.loadScript('/Pages/my-script.js', function() {
  console.log('成功加载 :)');
});

加载样式文件

abp.ResourceLoader.loadStyle(...) 函数会向文档的 head 部分添加一个指定 URL 的 link 元素,这样浏览器就会自动加载该 CSS 文件。

示例:加载 CSS 文件

abp.ResourceLoader.loadStyle('/Pages/my-styles.css');
在本文档中