1、定义一个传入占位节点id的组件类
比如这里定义一个组件MyClass
function MyClass(id){//组件模板}
2、在组件内获取节点id
function MyClass(id){//组件模板var _self = document.getElementById(id)//根据id获取组件
}
3、定义类的方法
function MyClass(id){//组件模板var _self = document.getElementById(id)//根据id获取组件
this.addP=function(){//定义类方法，这里是显示内容为1233
_self.innerHTML ="1233"
}
}
4、直接在js中调用使用该组件方法
示例：
<body><div id='rrr'></div> 定义占位dom节点
</body>
<script>
var mc = new MyClass('rrr')//初始化组件
mc.addP()//组件调用方法
</script>
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、将html中的函数封装到index.js文件中。
3、在index.html中的<script>标签，引入提取封装的js文件，并输入调用的js代码：fun2()fun1()。
4、浏览器运行index.html页面，此时成功调用了外部js文件中的函数打印出了结果。
