DHTML【10】--Javascript

来源：互联网发布：mac的office软件叫啥编辑：程序博客网时间：2024/04/29 16:34

大家好，这一节主要介绍Javascript的函数。函数是Javascript的核心中的核心，这么强调一点都不过分，相信没有人反对，如果有人反对，你以后可以不用函数，呵呵，说的有点绝了啊。

下面看一下Javascript定义函数的基本语法格式：

格式一：

function 函数名(m){

return m;

}

格式二：匿名函数

function (m,n){

return m+n;

}

以上两种格式的参数都是可选的，不需要声明返回值类型、参数类型，也可以没有返回值，但是function的关键字是必须保留的，而且一个字母不能写错。

看下面代码：

<html>

<head>

alert("大家好，我是Head中的Javascript");

functionbtnClick(){

alert("HelloJavascript!");

}

</script>

</head>

<body>

alert("大家好，我是body中的Javascript!");

</script>

</body>

</html>

alert函数相当于MessageBox，只是弹出提示信息用，运行此代码，发现最先自动弹出来Head中的Javascript，然后自动弹出body中的Javascript，点击按钮后才弹出Hello Javascript，我们可以看出，在body加载前head中的Javascript代码就已经执行，当body加载完毕后，body中的Javascript代码开始执行，当点击按钮的时候，由于按钮绑定了单击函数，所以触发了弹出消息框的函数。

读者可能会注意到，上一节我们不是说script标签要放到head标签中吗？其实是早期前端编写时建议Javascript代码写在head中，但是当我们现在查看网上的网页源码，发现很多不在head中的Javascript代码，这是一种随着时间潮流和技术的革新的发展而改变的。

Javascript中也有数组的定义，那么怎么定义呢？还是看代码吧，千言万语不如代码十行：

<head>

var arr=[1,3,1,4];

for(var n=0;n<arr.length;n++)

{

alert(arr[n]);

}

var name=newArray();

name[0]="奥巴马";

name[1]="金正日";

name[2]="奥斯托洛夫斯基";

for(vari=0;i<names.length;i++){

alert(names[i]);

}

</script></head>

当你加载的时候，你会发现两个数组的所有元素都被提示出来了，这是两种数组初始化的方法，从现在开始，你不得不觉得这个var真是太牛了吧。

呵呵，其实还有更牛的呢。看下面代码：

<head>

var niu=function(){

alert("Var真是太牛了！碉堡了！");

}

</script>

</head>

<body>

</body>

没错var不仅可以存放数组还可以存放匿名函数，呵呵，真的碉堡了。

到此，Javascript篇应该是一个结尾了，你也许可能会说，Javascript是程序员必须要掌握的脚本语言啊，而且要到一定的层次，怎么介绍两节就不介绍了呢？

因为，到此Javascript的基本变量和常用定义函数的情况都介绍完了，其基本语法和控制结构都和Java、C#等一样，如果想练习加深Javascript，没关系，以后的DOM、Ajax和Jquery都和Javascript有关系，因此Javascript并没有结束。

好的，就到这里，我们下一节再续。