## 序章 >[info] ##### 笔者会在短期内更新大量的```JS```封装方法。 >[success] ### 目前已更新至 **第七十三例** >[danger] ##### 本手册宗旨,让每一个```JS```开发新手都可以迅速进入前端开发,提供思路与代码。 >[danger] #### 在大部分JS函数功能写完之后,会在后期更新一些常用控件,比如 JS开发选项卡,轮播图等等。 ### 什么叫做函数? >[info] 通俗的来讲,函数是由事件驱动的或者当它被调用时执行的可重复使用的代码快。它是 JavaScript 语言一个即重要又复杂的组成部分,任何一个 JavaScript 框架,如 Dojo、jQuery 等都是有成百上千个函数组成的。函数的使用不仅提高了代码本身的可读性,也为它的扩展提供了可能,同时还降低了维护成本,加快 web 项目的开放进度;尤其是在多人参与的敏捷开发中。 ### 我们如何封装```JS```函数以及调用呢? ``` // 封装的功能函数 function start() { document.writeln("JS100从这里开始!") } ``` 那么,我们来调用JS函数,在页面初始化的时候调用我们自定义的函数 ``` // 页面初始化的时候加载函数 window.onload = function(){ start(); } ``` 页面如图所示: :-: ![](https://box.kancloud.cn/310717f68f669025d5a533909525ea4a_180x57.png) >[danger] #### 注:之后的文章当中,只会给出JS的功能函数,不会再给出截图。