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

JavaScript012

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文件成功。

步骤:

首先。我们要改造我们要映入的外部js文件,改成下面这个格式。主要是红色方块内部代码,我们需要将我们的模块“抛出”,让人能获取到以下及相应代码:

其次,到我们的寄主那里,我们需要导入,仿造其他的文件,写法如下及相应代码:

注意红色叉的部分,那是我们es5的写法,绿色才是正确的;接着是效果图:

其他方法:直接@import就行了

<style>

@import "../../scss/retinaLine"

@import "../../scss/css3Module"

...

</style>