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();
    };
  },
};
相关推荐
Mintopia1 分钟前
☁️ Cloud Code 模型演进的优势:从“本地编译”到“云端智能协作”
前端·人工智能·aigc
Mintopia13 分钟前
🤖 AIGC与人类协作:Web内容生产的技术分工新范式
前端·javascript·aigc
顾安r15 分钟前
11.11 脚本网页 跳棋
前端·javascript·游戏·flask·html
拉拉拉拉拉拉拉马15 分钟前
HTML 快速入门指南
前端·html
万少30 分钟前
记第一次鸿蒙应用上架之旅:一场略带遗憾的旅途
前端·harmonyos
鹏多多32 分钟前
H5开发避坑!解决Safari浏览器的video会覆盖z-index:1的绝对定位元素
前端·javascript·vue.js
恋猫de小郭39 分钟前
来了解一下,为什么你的 Flutter WebView 在 iOS 26 上有点击问题?
android·前端·flutter
charlie11451419143 分钟前
CSS学习笔记5:CSS 盒模型 & Margin 注意事项
前端·css·笔记·学习·教程
CodeSheep43 分钟前
稚晖君公司的最新工资和招人标准
前端·后端·程序员
亿元程序员1 小时前
今天我去面试游戏开发,说我回答得不全面...
前端