异步引入全局script-ulthon_admin

ulthon_admin

欢迎目录和文件规范系统架构命名规范 php-cs-fixer public/static目录规范 app/common目录规范数据库规范 CURD 命令行表结构数据库迁移代码最佳实践数据库自动缓存权限的用法 table数据表格 cols operat _if titleField field selectList valueParser trueHide fieldFormat templet defaultValue search相关 time defaultSearchValue defaultToolbar init formFullScreen toobar modifyReload 控制器 CURD方法导出控制器通用验证 dataBrage向js传递参数 form组件 select 下拉菜单option拼接 multiple-columns editor data-upload上传 tag-input标签输入 property-input动态字段输入 data-date时间控件参数 table-data列表选择器 city-picker城市选择器 copy-text 全局监听组件 data-request data-open 内置定时器重置密码系统配置 PHP助手函数 sysconfig JS助手函数 checkMobile empty open 弹框叠加loading getDataBrage getQueryVariable 扩展机制性能优化精简代码关闭数据库日志驱动皮肤正常科幻其他切换模块时直接切换内容关闭上传文件注入检测代码编译原理接入workerman和命令参数升级TP6.1 Request的默认过滤异步引入全局script 线上安装脚本兼容PHP8.1

很多时候我们要引入其他js扩展，比如图表、地图等。

一般来说，js扩展头可以兼容了requirejs的引入方法，但是有的却不行，比如很多地图的JS地址，如果使用require就会出错。但我们又必须将这些JS放到页面的最开头。

如果我们视图把加载的脚本放到requirejs之后或内部页面，requirejs会报错。

此时可以使用js动态引入脚本，这样有几个好处：

避免在所有页面上引入了不必要的js资源
避免了requirejs的报错

基本代码

//异步创建script
var script = document.createElement('script');
script.src = '需要全局引入的js资源'
document.head.append(script);
script.onload = function () {
    run()
}
function run(){
    // 正常的代码
}

一般来讲，可以放到Controller的js的某一个页面方法中，只有在加载这个页面时才会调用这个js。

原文标题：异步引入全局script

原文文档：ulthon_admin

原文地址：https://doc.ulthon.com/read/augushong/ulthon_admin/63e35f5e3c6d4/zh-cn/2.x.html

原文平台：奥宏文档

2.x