JavaScript的学习整理（四）

目录：

1、类型转换

2、全局变量

3、命名规范

4、运算符（%）的使用

1、类型转化（强制类型转换）

var a='12';parseInt(a); //a=12(字符串转化成数字)parseFloat(a);//转换成浮点数

功能：从左到右开始扫描，碰见非数字的字符时就跳出。

例子：

var a='12px';parseInt(a);//a=12var a='23pn45';parseInt(a);//a=12

(1) isNAN(a);  判断变量a是否为NAN；

应用：求两数之和；

<input type="text" id='txt1'/> <input type="text" id='txt2'/> <input type='button' id='btn1' value="求和"/><script>window.onload=function(){    var oTxt1=document.getElementById('txt1');    var oTxt2=document.getElementById('txt2');    var oBtn1=document.getElementById('btn1');    oBtn1.onclick=function()    {        var n1=parseInt(oTxt1.value);        var n2=parseInt(oTxt2.value);        if(isNaN(n1))        {            alert("您输入的第一个值有误！请重新输入");        }        else if(isNaN(n2))        {            alert("您输入的第二个值有误！请重新输入");        }        else        {            alert(n1+n2);        }    };    };</script>

（2）隐式类型转换

    ==   先转换类型，然后再进行比较；
    ===  直接进行比较。
    

    例子：

var a=2;var b='2';          alert(a==b); //truealert(a===b);//false //所以一般最好用'==='(三个等号)来进行比较，更加严谨。

 （3）+ ：①字符串链接 ②数字相加
            - ：只有数字相减的功能

 var a='12'; var b='3'; alert(a+b); //123 alert(a-b); //9

2、全局变量

<script>    var a=3;//全局变量(在任何地方都能使用和修改)    function aaa()    {        a=12;    }    function bbb()    {        a+=12;    }    aaa();    bbb();    //alert(a);//弹出24</script>

3、命名规范：

 类型    前缀     类型

 数组     a        Array
 布尔值   b        Boolean
 浮点数   f        Float
 函数     fn       Function
 整数     i        Integer
 对象     o        Object
 字符串   s        String
 变体变量 v        Variant

4、运算符（%）

例子1：隔行变色

 <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <script> window.onload=function() {    var aLi=document.getElementsByTagName('li');    for(var i=0;i<aLi.length;i++)    {        if(i%2==0)        {            aLi[i].style.background='#CCC';        }        else        {            aLi[i].style.background='';        }    } }; </script>

例子2：秒转时间

var a=125;alert(parseInt(a/60)+'分'+a%60+'秒'); //2分5秒