需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.js中，实现func1和func2函数。
3、在index.html中，新增第3个button，并调用func3()方法，并在<script>标签中输入js代码：
function func3() {
$('body').append('use func3<br/>')
}
4、浏览器运行index.html页面，此时点击“函数3”按钮，能正常执行func3函数来输出内容。
操作步骤：
1、打开Dreamweaver软件，然后在创建新项目下选择HTML；
2、点击“文件”选项，然后点击“另存为”，将文件命名为test，并将其保存在电脑桌面上；
3、编写一个基本的html文件，该html文件包含一个用户名及一个密码输入文本框和一个确定以及一个取消按钮；
4、在title标签下插入<script language="JavaScript">js代码</script>，然后在html中调用js函数；
5、完成js代码编写及html调用js代码后保存tset.html文件，然后在浏览器中打开test.html文件，检查js代码执行的效果；
6、在Dreamweaver软件中新建一个check.js文件（方法同html文件新建），在check文件中输入校验函数；
7、然后在test.html的title标签下引用check.js文件；
8、在程序中引用check.js文件中的js函数，然后在浏览器中刷新test.hmtl文件，然后在username的输入框中输入非法字符来检验js代码。
1、首先需要新建HTML文件。
2、然后创建按钮。
3、之后需要用js定义函数。
4、接下来设置需要进行设置的函数内容。
5、按钮添加点击事件调用函数并设置函数的参数。
6、最后的预览效果如图，顺利调用外部的JS。
