DHTML【10】--Javascript

简介:       大家好,这一节主要介绍Javascript的函数。函数是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并没有结束。

        

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

目录
相关文章
|
前端开发
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-2
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-
115 0
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-2
|
前端开发 JavaScript 数据安全/隐私保护
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-1
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)
155 0
JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)-1
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件-2
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件
134 0
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件-2
|
前端开发 JavaScript
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件-1
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件
153 0
JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件-1
|
前端开发 JavaScript
JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
77 0
JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强
JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强
96 0
JavaScript---网络编程(9-2)--DHTML技术演示(2-2)-表格加强
JavaScript---网络编程(8)-DHTML技术演示(1)-2
JavaScript---网络编程(8)-DHTML技术演示
133 0
JavaScript---网络编程(8)-DHTML技术演示(1)-2
|
JavaScript 前端开发
JavaScript---网络编程(8)-DHTML技术演示(1)-1
JavaScript---网络编程(8)-DHTML技术演示(1)
145 0
JavaScript---网络编程(8)-DHTML技术演示(1)-1
|
JavaScript 前端开发 图形学
《JavaScript高效图形编程(修订版)》——第2章 DHTML基础 2.1创建DHTML sprite
定义了bouncySprite对象后,我们可以初始一些对象,并在setInterval()或settTimeout()控制下调用它们的 moveAndDraw()方法。更好的方法是创建一个对象可以初始化和处理任意数量的bouncySprite。
1861 0