Javascript(3)

今天看了Javascript的第三集的视频教程主要讲述的是Javascript简易版的计算器

总结一下学到的小知识点吧。

1，获得表单控件值

document.FormName.KongJianName.value

2,判断值不是数字类型

isNaN（document.form1.kj1.value==true）

注:kj1控件的name

3，<meta http-equiv="description" content="？？？"/>

注：content里面的内容名称取的好坏据说关系到搜索引擎优化。

主要的就是学到这三点。

也不怎么多说了效果图如下：

贴出代码：

View Code

    
      

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

     
       <
     
       html 
     
       xmlns
     
       ="http://www.w3.org/1999/xhtml"
     
       >
     
       

     
       <
     
       head
     
       >
     
       

     
       <
     
       meta 
     
       http-equiv
     
       ="Content-Type"
     
        content
     
       ="text/html; charset=gb2312"
     
        
     
       />
     
       

     
       <
     
       meta 
     
       http-equiv
     
       ="description"
     
        content
     
       ="计算器"
     
       />
     
       

     
       <
     
       title
     
       >
     
       计算器
     
       </
     
       title
     
       >
     
       

     
       <
     
       script 
     
       type
     
       ="text/javascript"
     
       >
     
       
 
     
       function
     
        getResult(type){

     
       if
     
       (document.jisuanqi.num1.value
     
       ==
     
       ""
     
       )
 {
 alert(
     
       "
     
       第一个操作数不能为空
     
       "
     
       );
 
     
       return
     
       ;
 }
 
     
       if
     
       (document.jisuanqi.num2.value
     
       ==
     
       ""
     
       )
 {
 alert(
     
       "
     
       第二个操作数不能为空
     
       "
     
       );
 
     
       return
     
       ;
 }
 
     
       if
     
       (isNaN(document.jisuanqi.num1.value)
     
       ==
     
       true
     
       )
 {
 alert(
     
       "
     
       第一个操作数不是数值
     
       "
     
       );
 
     
       return
     
        ;
 }
 
     
       if
     
       (isNaN(document.jisuanqi.num2.value)
     
       ==
     
       true
     
       )
 {
 alert(
     
       "
     
       第二个操作数不是数值
     
       "
     
       );
 
     
       return
     
       ;
 }
 
     
       if
     
       (type
     
       ==
     
       "
     
       /
     
       "
     
       &&
     
       (document.jisuanqi.num2.value
     
       ==
     
       0
     
       ))
 {
 alert(
     
       "
     
       除数不能为零
     
       "
     
       );
 
     
       return
     
        ;
 }
 
 
 
     
       var
     
        num1
     
       =
     
       parseFloat( document.jisuanqi.num1.value);
 
     
       var
     
        num2
     
       =
     
       parseFloat( document.jisuanqi.num2.value);
 
     
       var
     
        result;
 
     
       switch
     
       (type){
 
     
       case
     
        
     
       '
     
       +
     
       '
     
       :
 result
     
       =
     
       num1 
     
       +
     
        num2;
 
     
       break
     
       ;
 
     
       case
     
        
     
       '
     
       -
     
       '
     
       :
 result
     
       =
     
       num1 
     
       -
     
        num2;
 
     
       break
     
       ;
 
     
       case
     
        
     
       '
     
       *
     
       '
     
       :
 result
     
       =
     
       num1 
     
       *
     
        num2;
 
     
       break
     
       ;
 
     
       case
     
        
     
       '
     
       /
     
       '
     
       :
 result
     
       =
     
       num1 
     
       /
     
        num2;
 
     
       break
     
       ;
 
     
       case
     
        
     
       '
     
       %
     
       '
     
       :
 result
     
       =
     
       num1 
     
       %
     
        num2;
 
     
       break
     
       ;
 }
 document.jisuanqi.result.value
     
       =
     
       result;
 }
 

 

     
       </
     
       script
     
       >
     
       

     
       </
     
       head
     
       >
     
       


     
       <
     
       body
     
       >
     
       

     
       <
     
       p 
     
       align
     
       ="center"
     
       >
     
       
 
     
       <
     
       form 
     
       name
     
       ="jisuanqi"
     
       />
     
       
 num1:
     
       <
     
       input 
     
       name
     
       ="num1"
     
        
     
       /><
     
       br
     
       >
     
       
 num2:
     
       <
     
       input 
     
       name
     
       ="num2"
     
       /><
     
       br
     
       >
     
       
 result:
     
       <
     
       input 
     
       name
     
       ="result"
     
        readonly
     
       ="true"
     
       /><
     
       br
     
       >
     
       
 
     
       <
     
       input 
     
       type
     
       ="button"
     
        value
     
       ="+"
     
        onclick
     
       ="getResult('+')"
     
       />
     
       
 
     
       <
     
       input 
     
       type
     
       ="button"
     
        value
     
       ="-"
     
        onclick
     
       ="getResult('-')"
     
       />
     
       
 
     
       <
     
       input 
     
       type
     
       ="button"
     
        value
     
       ="*"
     
        onclick
     
       ="getResult('*')"
     
       />
     
       
 
     
       <
     
       input 
     
       type
     
       ="button"
     
        value
     
       ="/"
     
        onclick
     
       ="getResult('/')"
     
       />
     
       
 
     
       <
     
       input 
     
       type
     
       ="button"
     
        value
     
       ="%"
     
        onclick
     
       ="getResult('%')"
     
       />
     
       
 
     
       </
     
       form
     
       >
     
       

     
       </
     
       p
     
       >
     
       

     
       </
     
       body
     
       >
     
       

     
       </
     
       html
     
       >