JavaScript的学习整理（四）

目录：

1、类型转换

2、全局变量

3、命名规范

4、运算符（%）的使用

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

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

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

例子：

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

var 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.οnlοad=function()
{
    var oTxt1=document.getElementById('txt1');
    var oTxt2=document.getElementById('txt2');
    var oBtn1=document.getElementById('btn1');

    oBtn1.οnclick=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); //true
alert(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.οnlοad=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秒