JS文件中如何调用外部JS文件

JavaScript011

JS文件中如何调用外部JS文件,第1张

1、创建一个文件夹,这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。

2、打开html文件,在html文件上找到<body>,在<body>标签里创建一个按钮标签,然后给这个标签添加一个点击addJs事件。

3、在js文件夹下创建一个js文件为addJs.js。

4、在addJs.js文件上输入一个alert弹出框并保存,当引入js文件成功就会执行alert弹出框。

5、回到html文件,在按钮输入框后面创建一个script标签,然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开,点击按钮即可看到出现一个弹出,表示引入js文件成功。

1.将引入的外部js文件放到assets文件下

注:js文件中的方法要写在一个对象里(具体原因正在探索...)

2.在angular.json文件中找到scripts配置js文件路径

3.在tsconfig.json文件中加入allowJs:true

4.在src文件下新建typings.d.ts文件,用来定义js文件中的静态类型

5.第四步相当于全局引入(自己理解的,不知道这样描述准确否),如果只想要在所需的组件里使用,即在组件的ts文件中单独引入

6.最后调用js文件中的方法即可

首先申明我是window系统下Vue-cli 4.5.3版本,脚手架整体基于vue2内核。

1.正常js文件如果有使用export向外暴露对象,将js放在src/assets都是可以通过import直接引入。但有有些情况下我们需要导入第三方的js文件,例如近期我在做的阿里云点播视频上传SDK,包括最近在学习的ThreeJs,如果单单只是在public中index.html通过<script src="https://cdn.bootcss.com/three.js/92/three.js"></script>引入,是不够的还需要在具体vue页面引入:

这也是我尝试两天才成功,走了些弯路,希望帮助到有同样问题的打工人,共勉!