uni-app引用外部js文件

全局引用

在App.vue文件中添加如下代码

这样在全局所有页面中都可以直接使用该外部js中的函数

javascript 复制代码
onLaunch: function() {
		var script = document.createElement('script');
		script.src = "https://www.test.com/api/testapi.js";
		document.body.appendChild(script);
},

单页面引用

如果只需要在单页面中引用外部js文件,导入方式如下代码所示

javascript 复制代码
export default {
  mounted() {
    const script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://www.test.com/api/testapi.js'; // JS文件的相对或绝对路径
    document.body.appendChild(script);
    
    script.onload = () => {
      console.log("External JavaScript loaded successfully.");
      // 调用外部JS文件中的函数等操作
      externalFunction();
    };
  },
};
相关推荐
FreeTinker4 小时前
HTML本地存储技术解析:localStorage与sessionStorage的原理、差异与应用场景
前端·html
qq_452396234 小时前
第十二篇:《全链路监控与可观测性:前端错误追踪与性能分析》
前端
海兰5 小时前
【应用】基于 Next.js 16 + Python mplfinance的金融K线图与技术指标可视化平台(三)
javascript·python·金融
wangruofeng5 小时前
Phosphor Icons 官网源码拆解:URL 即存储、水波动画与 7362 Star 图标库的架构实践
前端·架构·github
BigTopOne5 小时前
WebRTC Native / Android 开发学习资源整理
前端
excel6 小时前
nuxt 3 升级 nuxt 4 报错之 hasInjectionContext
前端
小磊哥er6 小时前
深入解构Claude Code - 第 7 篇 · 连接外面的世界
javascript·ai编程
何以解忧,唯有..7 小时前
LangChain 工具调用(Tool Calling)实战指南
java·前端·langchain
小磊哥er7 小时前
深入解构Claude Code - 第 6 篇 · 终端里的图形界面
javascript·ai编程
海兰7 小时前
【应用】基于 Next.js 16 + Python mplfinance的金融K线图与技术指标可视化平台(一)
javascript·python·金融