需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、将html中的函数封装到index.js文件中。
3、在index.html中的<script>标签，引入提取封装的js文件，并输入调用的js代码：fun2()fun1()。
4、浏览器运行index.html页面，此时成功调用了外部js文件中的函数打印出了结果。
一般在HTML中用事件调用封装好的js函数
如下例子
在div中利用点击事件onclick调用了a()函数；
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div onclick="a()"></div><!--onclick调用了a()函数-->
<script rel="03.js"></script>
</body>
</html>
封装最基本的意思就是对外提供简单功能单一的方法，比如一个方法根据不同的参数获取不同的页面元素
如点开头的是查找class的元素，#开头的是查找id，不加这两个的是根据标签查找
function
getElements()
{
//这里要根据开头判断返回数据
}
这个方法功能虽然多，但是功能不单一不如提供3个对外的方法
function
getElementById(id)
{
return
getElements("#"+id)
}
function
getByClass(cls)
{
return
getElements("."+cls)
}
function
getByTag(tag)
{
return
getElements(tag)
}
这样别人一看方法名就明白这个方法怎么使用了，这就是封装的最简单应用
