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.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); //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.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秒