首页 前端知识 uni-app引用外部js文件

uni-app引用外部js文件

2024-08-21 22:08:58 前端知识 前端哥 450 378 我要收藏

全局引用

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

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

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

单页面引用

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

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();
    };
  },
};

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16409.html
标签
评论
发布的文章

HTML5入门基础

2024-06-16 09:06:50

HTML(二) 元素分类

2024-08-30 20:08:11

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!