第三章 JavaScript 之函数

涵数就是说用于实行每日任务的编码块，涵数必须根据启用的方法来进行编码的实行，涵数的较大 益处：包括在涵数內容的编码块，能够反复实行。

涵数的构成：function 自定义名称 (参数1,参数2,....){ 执行的内容 }

调用的时候：自定义名称 (参数1,参数2,....);

关于参数，可以写，也可以不写。如果有参数，在调用的时候一定要对应的将参数全部写进去。

现在先来一个简单的例子：

function sum(num1,num2){    return num1 * num2;}var x = sum(3,4);console.log(x);

这是一个带有返回值的函数，当然，也可以不带返回值，可以直接输出、或者做其他操作也可以。比如：

function sum(num1,num2){    console.log(num1 * num2);}sum(4,5);

这样操作也是可以的。

现在来说下函数的注意事项，以及平时如何使用。

一般时候，在使用函数的时候，都是在操作DOM元素，所以如果js是在DOM元素之前就执行，那么，常用的操作DOM元素的方法，比如document.getElementById()等，将会找不到DOM元素，从而得到的值是undefined，举个例子：

<script>    var box = document.getElementById("box");    box.style.color = "#00f";</script><div id="box">内容区域</div>

因为js是在DOM元素之前就加载的，所以这时候会报错：

因为box根本没有获取到，所以在这种情况下，为了防止出现优先加载js的情况，我们通常会在js里面，用一个函数把内容都包裹起来：

<script>    window.onload = function(){        //内容区域    }</script><div>...<div>

这样，就不会出现找不到DOM元素的情况了，这是为什么呢？因为window.onload 是指，在页面中所有DOM元素（包括css、图片等）全部加载完成之后，再执行它里面的内容。所以，在这时候，DOM树已经渲染完成了。

讲到这，突然发现有个小知识点之前忘记了，现在来补上。

即：如果通过document.getElement***等拿到元素信息后，若是需要操作此标签的样式的话，是需要用.style来操作，而且继续加小点来操作属性，但是有一点要注意，比如经常使用的属性：font-size/background-color...等等，在操作这些属性的时候，是需要将中间的短横线去掉，然后后面的单词的首字母变大写才可以。例：

<script>    var box = document.getElementById("box");    box.style.fontSize = "20px";    box.style.backgroundColor = "#00f";</script><div id="box">内容区域</div>

只有这样，才可以正常添加相应的属性，因为，在js代码中，短横线“-”，代表的是减号，是一个运算符，所以若直接写在外面，将会报错的。

好了，关于函数的基本操作先介绍到这里，但是，这只是最基础的 。

本文来源于：第三章 JavaScript 之函数-变化吧门户
特别声明：以上文章内容仅代表作者本人观点，不代表变化吧门户观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与变化吧联系。