DHTML【10】--Javascript
2013-08-25 22:08
148 查看
大家好,这一节主要介绍Javascript的函数。函数是Javascript的核心中的核心,这么强调一点都不过分,相信没有人反对,如果有人反对,你以后可以不用函数,呵呵,说的有点绝了啊。
下面看一下Javascript定义函数的基本语法格式:
格式一:
function 函数名(m){
return m;
}
格式二:匿名函数
function (m,n){
return m+n;
}
以上两种格式的参数都是可选的,不需要声明返回值类型、参数类型,也可以没有返回值,但是function的关键字是必须保留的,而且一个字母不能写错。
看下面代码:
<html>
<head>
<script type="text/javascript">
alert("大家好,我是Head中的Javascript");
functionbtnClick(){
alert("HelloJavascript!");
}
</script>
</head>
<body>
<script type="text/javascript">
alert("大家好,我是body中的Javascript!");
</script>
<input type="button" onclick="btnClick()" value="您敢点吗?"/>
</body>
</html>
alert函数相当于MessageBox,只是弹出提示信息用,运行此代码,发现最先自动弹出来Head中的Javascript,然后自动弹出body中的Javascript,点击按钮后才弹出Hello Javascript,我们可以看出,在body加载前head中的Javascript代码就已经执行,当body加载完毕后,body中的Javascript代码开始执行,当点击按钮的时候,由于按钮绑定了单击函数,所以触发了弹出消息框的函数。
读者可能会注意到,上一节我们不是说script标签要放到head标签中吗?其实是早期前端编写时建议Javascript代码写在head中,但是当我们现在查看网上的网页源码,发现很多不在head中的Javascript代码,这是一种随着时间潮流和技术的革新的发展而改变的。
Javascript中也有数组的定义,那么怎么定义呢?还是看代码吧,千言万语不如代码十行:
<head>
<script type="text/javascript">
var arr=[1,3,1,4];
for(var n=0;n<arr.length;n++)
{
alert(arr
);
}
var name=newArray();
name[0]="奥巴马";
name[1]="金正日";
name[2]="奥斯托洛夫斯基";
for(vari=0;i<names.length;i++){
alert(names[i]);
}
</script></head>
当你加载的时候,你会发现两个数组的所有元素都被提示出来了,这是两种数组初始化的方法,从现在开始,你不得不觉得这个var真是太牛了吧。
呵呵,其实还有更牛的呢。看下面代码:
<head>
<script type="text/javascript">
var niu=function(){
alert("Var真是太牛了!碉堡了!");
}
</script>
</head>
<body>
<input type="button" onclick="javascript:niu()" value="您敢点吗?"/>
</body>
没错var不仅可以存放数组还可以存放匿名函数,呵呵,真的碉堡了。
到此,Javascript篇应该是一个结尾了,你也许可能会说,Javascript是程序员必须要掌握的脚本语言啊,而且要到一定的层次,怎么介绍两节就不介绍了呢?
因为,到此Javascript的基本变量和常用定义函数的情况都介绍完了,其基本语法和控制结构都和Java、C#等一样,如果想练习加深Javascript,没关系,以后的DOM、Ajax和Jquery都和Javascript有关系,因此Javascript并没有结束。
好的,就到这里,我们下一节再续。
下面看一下Javascript定义函数的基本语法格式:
格式一:
function 函数名(m){
return m;
}
格式二:匿名函数
function (m,n){
return m+n;
}
以上两种格式的参数都是可选的,不需要声明返回值类型、参数类型,也可以没有返回值,但是function的关键字是必须保留的,而且一个字母不能写错。
看下面代码:
<html>
<head>
<script type="text/javascript">
alert("大家好,我是Head中的Javascript");
functionbtnClick(){
alert("HelloJavascript!");
}
</script>
</head>
<body>
<script type="text/javascript">
alert("大家好,我是body中的Javascript!");
</script>
<input type="button" onclick="btnClick()" value="您敢点吗?"/>
</body>
</html>
alert函数相当于MessageBox,只是弹出提示信息用,运行此代码,发现最先自动弹出来Head中的Javascript,然后自动弹出body中的Javascript,点击按钮后才弹出Hello Javascript,我们可以看出,在body加载前head中的Javascript代码就已经执行,当body加载完毕后,body中的Javascript代码开始执行,当点击按钮的时候,由于按钮绑定了单击函数,所以触发了弹出消息框的函数。
读者可能会注意到,上一节我们不是说script标签要放到head标签中吗?其实是早期前端编写时建议Javascript代码写在head中,但是当我们现在查看网上的网页源码,发现很多不在head中的Javascript代码,这是一种随着时间潮流和技术的革新的发展而改变的。
Javascript中也有数组的定义,那么怎么定义呢?还是看代码吧,千言万语不如代码十行:
<head>
<script type="text/javascript">
var arr=[1,3,1,4];
for(var n=0;n<arr.length;n++)
{
alert(arr
);
}
var name=newArray();
name[0]="奥巴马";
name[1]="金正日";
name[2]="奥斯托洛夫斯基";
for(vari=0;i<names.length;i++){
alert(names[i]);
}
</script></head>
当你加载的时候,你会发现两个数组的所有元素都被提示出来了,这是两种数组初始化的方法,从现在开始,你不得不觉得这个var真是太牛了吧。
呵呵,其实还有更牛的呢。看下面代码:
<head>
<script type="text/javascript">
var niu=function(){
alert("Var真是太牛了!碉堡了!");
}
</script>
</head>
<body>
<input type="button" onclick="javascript:niu()" value="您敢点吗?"/>
</body>
没错var不仅可以存放数组还可以存放匿名函数,呵呵,真的碉堡了。
到此,Javascript篇应该是一个结尾了,你也许可能会说,Javascript是程序员必须要掌握的脚本语言啊,而且要到一定的层次,怎么介绍两节就不介绍了呢?
因为,到此Javascript的基本变量和常用定义函数的情况都介绍完了,其基本语法和控制结构都和Java、C#等一样,如果想练习加深Javascript,没关系,以后的DOM、Ajax和Jquery都和Javascript有关系,因此Javascript并没有结束。
好的,就到这里,我们下一节再续。
相关文章推荐
- DHTML【10】--Javascript
- DHTML【10】--Javascript
- JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
- JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
- 10 个顶级 JavaScript 动画框架推荐
- JavaScript学习总结(10)——实用JS代码大全
- 使用Javascript动态增加,删除表格(使用DHTML对象模型)
- 10 个非常实用的 SVG 动画操作JavaScript 库
- JavaScript: DHTML API,Drag & Drop for Images and Layers
- Google 排名中的 10 个最著名的 JavaScript 库
- 推荐10 款 SVG 动画的 JavaScript 库
- Python网络数据采集10:采集JavaScript
- ASP.NET DEMO 10: 如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值
- javascript原生移动云编程10 - 如何调用相机并上传下载图片视频
- Javascript Patterns--读书笔记10 (Strategy)
- Google 排名中的 10 个最著名的 JavaScript 库
- JavaScrip学习之旅(10) JavaScript世界的一等公民 - 函数
- JavaScript 经典代码(10)
- JavaScript(二)-10-(常见对象-Date-基本方法)
- CityMaker学习教程10 示例代码的使用Javascript