HTML点击按钮调用JS文件或者直接调用JS代码的方法。
如下参考：
1.将这段代码保存到一个文件中，如下图所示。
2.请注意，您可以使用任何文本工具创建js文件，但是在保存它时，您需要将其后缀为.js。
3.将版本js文件保存为index.js。如果我们需要使用index。js。我们只需要调用它，不需要写一个新的js文件。
4.在HTML的头部部分引入js文件，具体代码如下图所示。
5.引用是一个双标签，所以如果没有内容，就必须完全写入。
6.如果你的js是从外部导入的，你不能在中间写js代码。
7.如果需要，您需要重新声明脚本标记，并在标记中编写js代码，如下图所示。
8.javascriptjquery也是一样的规则，你必须在script标签中写代码。随着js文件的引入，你可以简单地在你想要的地方调用它。
function Fun(argument1,argument2){return this
}
//直接调用
var f1 = Fun()// window {}
//实例化对象
var f2 = new Fun()// Fun {}
f1 只是调用 Fun函数，而 f2是实例化对象 Fun。两个的this指向的不是同个地方。调用函数的this指向的是window,实例化对象的this指向的是对象本身。
（构造函数的命名通常使用驼峰命名法，首字母大写，以此和普通的函数区分开来，这是一种习惯用法。）
测试例子：
如上，f只是调用fun1,输出的第一个this是指向window的。fun2也只是调用，所以this也是指向windowde。a是实例化的对象，this指向的是fun3实例化后的对象。
如果做下面调整。
如上，fun1跟fun3是被实例化，this指向对象本身，fun2只是调用，this指向window。
那给this的属性赋值会有什么样的结果呢？
调用函数里面的this属性赋值都是给window赋值的。
如果 fun1()改成 var a = new fun1()呢？
大家仔细看看输出的结果。
