DHTML【10】--Javascript
大家好，这一节主要介绍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[n]);
}
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【9】--Javascript
大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚. 好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东—Javascript. 初看Javas ...
- 【译】JavaScript 开发者年度调查报告
截至目前有超过了 5000 人参与了(该次调查),准确的说是 5350 人.我迫不及待的想要和大家分享一下这次调查的细节.在分享之前我想要感谢参与调查的每一个人.这是 JavaScript 社区一个伟 ...
- 【荐】JavaScript图片放大技术（放大镜）示例代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 企业IT管理员IE11升级指南【10】—— 如何阻止IE11的安装
企业IT管理员IE11升级指南 系列: [1]—— Internet Explorer 11增强保护模式 (EPM) 介绍 [2]—— Internet Explorer 11 对Adobe Flas ...
- 【转载】JavaScript导出Excel
[转载]JavaScript导出Excel 原文地址 如果没有用到前端插件,也没有用到后台poi导出的话,用js导出也是一种方式.亲测可用. /** * 导出excel */ var idTmr; f ...
- 【10】css hack原理及常用hack
[10]css hack原理及常用hack 原理:利用不同浏览器对CSS的支持和解析结果不一样编写针对特定浏览器样式.常见的hack有1)属性hack.2)选择器hack.3)IE条件注释 IE条件注 ...
- 【原】javascript执行环境及作用域
最近在重读<javascript高级程序设计3>,觉得应该写一些博客记录一下学习的一些知识,不然都忘光啦.今天要总结的是js执行环境和作用域. 首先来说一下执行环境 一.执行环境 书上概念 ...
- 【废弃】JavaScript 控制类语法
创建: 2017/10/07 完成: 2017/10/07 结束: 2019/02/19 把所有内容迁出到[JavaScript 基础]并将本博文归档到[废弃] return前加一个空格, 使所有单元 ...
- 【废弃】【WIP】JavaScript 函数
创建: 2017/10/09 更新: 2017/11/03 加上[wip] 废弃: 2019/02/19 重构此篇.原文归入废弃 增加[废弃中]标签与总体任务 结束: 2019/03/12 完成废弃 ...
随机推荐
- 基于visual Studio2013解决C语言竞赛题之1021九九乘法表
题目 解决代码及点评 /* 功能:请编程序按如下格式打印一个直角三角形的九九乘法表: 1 2 3 4 5 6 7 8 9 4 6 8 10 12 14 16 18 9 1 ...
- 深入理解maven与应用（二）：灵活的构建
深入理解maven及应用(一):生命周期和插件 參考官方url:http://maven.apache.org/guides/index.html 一个优秀的构建系统必须足够灵活,应该可以让项目在不同 ...
- ActivityManager
android.app.ActivityManager 这个类主要用来管理全部设备上的Activities. 权限:android.permission.GET_TASKS 方法:| 返回类型 ...
- wift - 使用UIScreen类获取屏幕大小尺寸
UISreen类代表了屏幕,开发中一般用来获取屏幕相关的属性,例如获取屏幕的大小. 1 2 3 4 5 6 7 //获取屏幕大小 var screenBounds:CGRect = UIScreen. ...
- 【环境配置】配置sdk
1. 安装和配置 (1) 下载sdk 官方下载地址http://developer.android.com/sdk/index.html 这里以android-sdk_r12-linux_x86.tg ...
- kernel hexdump分析
驱动调试中,很多时候是二进制的,这个时候hexdump就是个非常有用的工具了. 不要再自己去实现类似的功能,kernel代码里面就有: 参考: kernel/lib/hexdump.c // 0Xxx ...
- Mac 终端提示You have not agreed to the Xcode license agreements
在mac 终端运行命令的时候会被提示没有同意xcode 证书 ,这个时候需要在Terminal中同意license 打开终端输入xcodebuild -license,会看到一大堆的license说明 ...
- [置顶] window.open()你真的会了吗？
一.window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法: window.open(pageURL,name, ...
- zabbix 监控jvm
tomcat 机器配置: [root@wx03 lib]# pwd /usr/local/apache-tomcat-7.0.55/lib [root@wx03 lib]# ls -ltr *jmx* ...
- css怎样使顶端悬浮导航栏不遮住下面一层页面内容
在两个层之间加这个<span class="blank" style="height:20px;"></span>,其中高度可以自己设置 ...