博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

JavaScript的基本语法

Posted on 2009-05-25 16:35  记录  阅读(1102)  评论(0编辑  收藏  举报

1、学习JavaScript的主要原因:

  • 表单验证
  • 页面动态效果

2、脚本的基本结构如下:

     <script language="JavaScript"> 

        <!--JavaScript语句;-->

      </script>

     提示:一般将核心脚本语句放置在标签<head>...</head>之间。

             document.write()方法用于页面输出显示信息。

     问题:为什么浏览器显示的脚本的内容而不是脚本执行的结果?

     答:a、遗漏开始或结束的<script>。b、扩展名不是.html或.htm。c、浏览器不支持JS脚本。

3、执行原理:

  • 客户端请求含JavaScript的页面
  • 从服务器端下载含JavaScript的页面
  • 客户端解析HTML标签和JavaScript脚本

4、基本语法:
     ·var 合法的变量名;

        变量名不能使用关键字。多个变量可以用逗号分隔。

      ·运算符号与Java中相同

      · if(表达式){}

          else{}

      · for(初始化;条件;增量或减量){}

      ·while(条件){}

      ·switch(表达式)

          {case 常量值1:JavaScript语句;

            case 常量值2:JavaScript语句;

            default:JavaScript语句;}

       •类型:number/null/boolean/string/object/undefinde

       •类型转换:掌握parseFloat()和parseInt()函数。

       •重点定义函数:function 函数名(参数列表){}

               注:也可以没有参数

               调用函数:事件名="函数名()"

               获取表单数据:document.表单名.表单元素名.value

示例1:function calcu()

       {

             var numb1=document.calc.num1.value;

             var numb2=document.calc.num2.value;

             var total=parseFloat(numb1)*parseFloat(numb2);

             document.calc.result.value=total;       }

       <form name="calc">

       <input name="result" type="text" size="15">

       <input name="getAnswer" type="button" id="getAnswer" onClick="calcu()">

示例2:打印倒金字塔直线

          var i =25;

          while(i>0){

                                  docment.write("<hr align=center width="+i+"%>");

                                   i=i-5;

                         }

           for(var j=5;j<30;j=j+5){

                                                      docment.write("<hr align=center width="+j+"%>");

                                              }

定义函数时注意:

        形式参数:定义函数时为函数定义的参数,它代表参数的类型和位置。

        实际参数:调用函数时传递给函数的参数值。

        调用时:把实参的值传递给形参。

        函数名严格区分大小写。

        多个参数用逗号隔开,要调用函数时,必须为逗号隔开的每个参数指定类型兼容的值。

        如果需要返回结果,使用return语句。

04:27:45 PM