2015.7.15 第七课 课程重点（js、声明变量、数据类型）
1、vs新建步骤
文件——新建项目——web——空白web应用程序——取名、位置、确定——此时软件会自动生成一个sln文件（解决方案），一解决方案下面可以有多个项目。
点击项目——新建文件夹css和js和image——新建html页面取名demo1
（推荐设置：工具——选项——可以设置下字体和颜色；文本编辑器——把常用的几种语言设上行号颜色提示）
2、什么是js
JavaScript是一种脚本语言，结构简单，使用方便，其代码可以直接放入HTML文档中，可以直接在支持JavaScript的浏览器中运行。JavaSript使得网页的交互性更强，更生动和灵活。当在浏览网页时做了某种操作就产生一个事件，JavaScript所编写的程序可对相应的事件做出反应。
3、怎么运用js：
首先在html中指定一个事件，然后对这个事件写js。
如：设置一个按钮，对点击按钮命名一个事件：
<input type="button" value="我是一个按钮" onclick="ShowMsg()" />
4、如何写js：
写js可以在外部js文件写，也可以直接在head里面写：
<script type="text/javascript">
function ShowMsg()
{
alert("这是我的第一个js例子");
}
</script>
5、命名规范：为了增强代码的可读性，让团队成员都能看懂，遵循命名规范。
（1）js是区分大小写的，非常严格。
（2）js是弱类型，统一用var声明变量，如：
整形： var iNum=10;
浮点： var fNum=2.23;
布尔： var bMaie=false;
函数： var fnObject=new myFunction();
数组： var aColor=new Array();
字符串： var sMyString="aaaaa";
……
*弱类型与强类型：
js是弱类型，只能用var声明； c#是强类型，用对应类型声明
弱类型：弱化类型的声明方式； 强类型：强调类型的声明方式
弱类型比较方便，但当语句交给浏览器时，浏览器还是需要去判断它是哪种变量，执行效率比强类型低。
（3）注释：
单行注释：//
多行注释：/* */
（4）var可同时声明多个变量：
var girl="aaaa" , age=19 , male=false;
（5）js变量不一定需要初始化，可后面用时再赋值：
var couple;
（6）变量名称规则：
·首字母必须是字母（大小写均可）、下划线、或者美元符。
·余下的字母可以是下划线、美元符、任意字母或数字字符。
·变量名不能含js关键字。
（7）局部变量和全局变量：
全局变量：在{}外声明的变量，各函数皆可调用；
局部变量：在{}内声明的变量，只有此函数可用；
（8）命名习惯
整形i： var iNum=10;
浮点f： var fNum=2.23;
布尔b： var bMaie=false;
函数fn： var fnObject=new myFunction();
数组a： var aColor=new Array();
字符串s： var sMyString="aaaaa";
（还有：对象o、正则re，此两项不常用，知道即可）
6、数据类型详解：
（1）字符串String：
var sMyString="hello world";
*补充：位置/索引：第一个字母从0开始算，依次后延，空格也算，如上面的"hello world",位置8的字母是r
【字符串的属性方法总结】
length 获取字符串长度 alert(sString.length); 结果是11
charAt 获取指定位置的字符 alert(sString.charAt(8)); 结果是r
substring 字符串的截取 alert(sString.substring(1)); 从位置1截取到最后。结果是ello world
alert(sString.substring(1,10)); 从位置1截取到位置10（不包含10）。结果是ello worl
substr 字符串的截取 alert(sString.substr(1,6)); 从位置1开始截取6位出来。结果是ello w
indexOf 搜某字符位置 alert(sString.indexOf("l")); 查找出第一个l所在的位置，如没有则返回-1。结果是2
alert(sString.indexOf("l",4)); 从位置4开始，查找出接下来的l所在的位置。结果是9
lastindexOf 从后往前搜某字符位置 与indexOf雷同
（2）布尔类型bool：(即真或假，true 或 false)
Var bMale=true; 声明 bMale 为真；
If(bMale){ 如果 bMale 为真，
alert("a"); 则输出a；
}
else{ 否则，
alert("b"); 则输出b。
}
所以以上程序输出a
（3）数值、及类型转换：
a）数值与字符串相加：
var iNum1=10;
var sNum2="20";
var sNum3=iNum1+sNum2;
alert(sNum3);
可把iNum1变成字符串：
var sNum3=iNum1.toString()+sNum2;
alert(sNum3);
也可把sNum2转成数值：
var iNum2=iNum1+parseInt(sNum2);
alert(iNum2);
b）与浮点字符串相加：
var iNum1=10;
var sNum2="20.123";
var sNum3=iNum1+sNum2;
alert(sNum3);
当数值和字符串相加时，把sNum2变成整数：
var iNum2=iNum1+parseInt(sNum2);
alert(iNum2);
也可把sNum2变成浮点数：
var iNum2=iNum1+parseFloat(sNum2);
alert(iNum2);
c）类型转换：
数值转字符串：var sNum1=iNum1.toString();
字符串转数值：var iNum2=parseInt(sNum2);
转浮点：var iNum2=parseFloat(sNum2);
字符串变成数组：var aDate=sMyString.split("-");（var sMyString="2015-07-15";）
（4）数组：存放一个数据集合
a）声明数组的方式：
1、确定数组长度：var aTeam=new Array(12); 数组长度为12
2、不确定数组长度：
var aColor=new Array();
aColor[0]="blue";
aColor[1]="yellow";
aColor[2]="green";
aColor[3]="black";
*上述数组也可写成：
var aColor=new Array("blue","yellow","green","black");
此时输出：alert(aColor[3]);
则得到：black
b）toString，数组变成字符串：
alert(aColor.toString());
此时输出：blue,yellow,green,black
c）join，改连接符：
alert(aColor.join("-").toString());
此时输出：blue-yellow-green-black
d）split，把字符串变成数组：
var sMyString="2015-07-15";
var aDate=sMyString.split("-");
alert(aDate[2]);
此时输出为：15
e）reverse，使数组元素反序出现：
var aColor=new Array("blue","yellow","green","black");
alert(aColor.reverse().toString());
此时输出为：black,green,yellow,blue
f）sort，使数组元素根据a-z顺序排序：
var aColor=new Array("blue","yellow","green","black");
alert(aColor.sort().toString());
