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();
    };
  },
};
相关推荐
一 乐8 小时前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
C_心欲无痕8 小时前
ts - tsconfig.json配置讲解
linux·前端·ubuntu·typescript·json
清沫8 小时前
Claude Skills:Agent 能力扩展的新范式
前端·ai编程
yinuo9 小时前
前端跨页面通信终极指南:方案拆解、对比分析
前端
yinuo9 小时前
前端跨页面通讯终极指南⑨:IndexedDB 用法全解析
前端
xkxnq10 小时前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js
烛阴10 小时前
拒绝配置地狱!5 分钟搭建 Three.js + Parcel 完美开发环境
前端·webgl·three.js
Van_Moonlight10 小时前
RN for OpenHarmony 实战 TodoList 项目:空状态占位图
javascript·开源·harmonyos
xkxnq10 小时前
第一阶段:Vue 基础入门(第 15天)
前端·javascript·vue.js
anyup11 小时前
2026第一站:分享我在高德大赛现场学到的技术、产品与心得
前端·架构·harmonyos