大家好,这一节主要介绍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的更多相关文章

  1. DHTML【9】--Javascript

    大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚. 好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东—Javascript. 初看Javas ...

  2. 【译】JavaScript 开发者年度调查报告

    截至目前有超过了 5000 人参与了(该次调查),准确的说是 5350 人.我迫不及待的想要和大家分享一下这次调查的细节.在分享之前我想要感谢参与调查的每一个人.这是 JavaScript 社区一个伟 ...

  3. 【荐】JavaScript图片放大技术(放大镜)示例代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. 企业IT管理员IE11升级指南【10】—— 如何阻止IE11的安装

    企业IT管理员IE11升级指南 系列: [1]—— Internet Explorer 11增强保护模式 (EPM) 介绍 [2]—— Internet Explorer 11 对Adobe Flas ...

  5. 【转载】JavaScript导出Excel

    [转载]JavaScript导出Excel 原文地址 如果没有用到前端插件,也没有用到后台poi导出的话,用js导出也是一种方式.亲测可用. /** * 导出excel */ var idTmr; f ...

  6. 【10】css hack原理及常用hack

    [10]css hack原理及常用hack 原理:利用不同浏览器对CSS的支持和解析结果不一样编写针对特定浏览器样式.常见的hack有1)属性hack.2)选择器hack.3)IE条件注释 IE条件注 ...

  7. 【原】javascript执行环境及作用域

    最近在重读<javascript高级程序设计3>,觉得应该写一些博客记录一下学习的一些知识,不然都忘光啦.今天要总结的是js执行环境和作用域. 首先来说一下执行环境 一.执行环境 书上概念 ...

  8. 【废弃】JavaScript 控制类语法

    创建: 2017/10/07 完成: 2017/10/07 结束: 2019/02/19 把所有内容迁出到[JavaScript 基础]并将本博文归档到[废弃] return前加一个空格, 使所有单元 ...

  9. 【废弃】【WIP】JavaScript 函数

    创建: 2017/10/09 更新: 2017/11/03 加上[wip] 废弃: 2019/02/19 重构此篇.原文归入废弃  增加[废弃中]标签与总体任务 结束: 2019/03/12 完成废弃 ...

随机推荐

  1. 有N个正实数(注意是实数,大小升序排列) x1 , x2 ... xN,另有一个实数M。 需要选出若干个x,使这几个x的和与 M 最接近。 请描述实现算法,并指出算法复杂度

    题目:有N个正实数(注意是实数,大小升序排列) x1 , x2 ... xN,另有一个实数M. 需要选出若干个x,使这几个x的和与 M 最接近. 请描述实现算法,并指出算法复杂度. 代码如下: #in ...

  2. webview加载网页加载不出来

    1.webView.loadUrl(picTargetUrl); 写在最前面. 1.在无线城市迷你版的项目,用webview去loadUrl的时候出现加载的现象. url 地址是 http://go. ...

  3. 终于懂了:TWinControl.DefaultHandler里的CallWindowProc(FDefWndProc)还挺有深意的,TButton对WM_PAINT消息的处理就是靠它来处理的(以前不明白为什么总是要调用inherited,其实就是没有明白TWinControl.DefaultHandler的真正用处)

    我忽然发现:TButton既没有处理WM_PAINT,又没有Paint()或者PaintWindow(),那么它是什么时候被绘制的? Form1上放2个TButton,然后设置代码: procedur ...

  4. mfc控件与其对应的对象的关联方法

    对话框的控件与其对应类的对象相关联:(两种方法) (1)      通过CWnd::DoDataExchange函数进行关联: 用VC++6.0的MFC ClassWizard中的Member Var ...

  5. freemarker的TemplateExceptionHandler使用

    系统使用freemarker作为页面展示层,为了解决系统统一异常的问题.于是配置了struts2的统一异常解决的方法(这个网上资料非常多,大家能够查看),但是发现freemarker出现异常后,str ...

  6. Delphi的TService的輸入桌面切換(服务程序)(windows登录界面如何截图)(使用了OpenDesktop和GetThreadDesktop等API)

    dfm: object CopyDeskService: TCopyDeskService  OldCreateOrder = False  OnCreate = ServiceCreate  OnD ...

  7. javascript(五)验证

    <input id="domo"  type="text"> <script> function my_function(){ var ...

  8. php 上传文件 $_FILES['']['type']的值

    php 上传文件 $_FILES['']['type']的值 一个函数 function upload_file($fname,$ftype,$fsize,$ferror,$ftmp_name,$fp ...

  9. [置顶] android开发之来电自动拒接并自动回复短信_上课模式app

    上课的时候老师说总是错过电话,对方打来没人接还一遍遍的打,觉得可以有个app在上课期间自动拒接电话,并自动回复短信过去. 当然了,需要权限的. 尝试做了个雏形出来. 界面如下: 主要代码如下: pac ...

  10. 依据不同的操作系统读取配置文件/java读取属性文件代码

    package cn.com.css.common.util; /**  * @brief OSEnum.java 操作系统的枚举  * @attention  * @author 涂作权  * @d ...