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并没有结束。

        

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

时间: 2024-10-12 07:24:32

DHTML【10】--Javascript的相关文章

DHTML【9】--Javascript

      大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚.       好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东-Javascript. 初看Javascript有点头晕,因为名字中有个Java,Java似乎很难啊,学好那东东没有个几年是学不好的的啊,如果你有这样的心理那你就错了,Javascript是一种动态网页脚本语言,他和Java的关系就如同加州牛肉面和马华牛肉面之间的关系,虽然名字里都有牛肉面,都是做面起家的,但是两

【求助】javascript 正则表达式

问题描述 [求助]javascript 正则表达式 下面这段表达式,存在什么问题?var reg1 = /^.*(>|#|(config)#|(config-.*)#|(config-if.*)#|(diagnose)%%)([a-z0-9A-Zs]*[^u4E00-u9FA5]*)(.*)|$/; 我要实现下面的匹配, AAA(config)#aa bb cc dd ASDFGHH大写字母ASDFGHH大写字母ASDFGHH大写字母AAA(config-if-b)#aa bb cc dd AS

【斗医】【10】Web应用开发20天

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://qingkechina.blog.51cto.com/5552198/1381866    本文在前面封装Hibernate工具的基础上重点完成用户登录功能,目前系统页面展示的名称是在HTML中写死的,所以下面要做的事:若用户已登录则显示用户名:若用户未登录则点击进入登录页面. 一.修改登录名称缺省为"登录" 打开D:\medical\war\js\common\com

【Go语言】【10】GO语言的map

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://qingkechina.blog.51cto.com/5552198/1620429     GO语言中的复合类型除了数组.切片之外,还有一个map:说起map估计大家都不陌生,因为在Java.C++等语言中有它的身影,它以<key,value>的形式为程序员提供服务. 从图中也可以看出:内存中存储了六个城市信息,其中key是城市电话区号,value是城市名称.对于城市电话区号

DHTML【2】--HTML

    通过题目,大家已经明确知道,从这一节开始介绍DHTML中的最基础的部分HTML,对于HTML等概念上一节已经做了概述,这一节不再赘余.在学习HTML之前,先告诉大家一个好消息,HTML不难,比C++.Java等语言的面向对象简单很多,并且你也不用安装庞大的Eclipse和Visual Studio,只要有浏览器就可以运行,哈哈哈,慢慢得意去吧,当然你也会慢慢发现的.     HTML是DHTML中最基础的部分,也是DHTML中最先出现的内容,因为只有有了HTML标签内容,DOM才会产生D

DHTML【8】--CSS

    在讲HTML时说过,有个Style标签是在CSS里用的,是的,在HTML中添加CSS样式必须要用到Style,在标签里单独定义标签属性时用的是Style属性.上一节我们也说过,先不用管那个Style标签,那么这一节,我们就单独来解决这个Style标签.     看一看帮助文档,他是怎么说Style的,指定页面的样式表,Style 元素只能在 HTML 文档的 Head节内使用,那么究竟该怎么指定呢? 有三种方式,看下图:       最常用的要数第一层,外部引用,这样的化程序员和美工设计

【转】Javascript Base64编码与解码

<html> <head> <META HTTP-EQUIV="MSThemeCompatible" CONTENT="Yes"> <meta http-equiv="Content-Type" content="text/html; charset=unicode"> <script language="JavaScript" type="t

DHTML【1】

        什么是DHTML呢?英文全称(Dynamic Hypertext Markup Language),即动态超文本标记语言,DHTML不是一个独立的新技术,而是多种技术的综合,它能使HTML变的更灵活.    DHTML都包括什么技术?DHTML包括HTML.Css.Javascript.DOM.    各个技术都负责什么东东呢?HTML负责将数据进行标签的封装:css负责美化标签:DOM负责将标签以及标签中的数据封装成对象:Javascript负责通过程序设计方式来操作这些对象.

【转】Javascript MD5编码

/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet * Distribut