ASP.NET动态网站制作（6）-- JS（1）

前言：JS的第一节课，在Visual Studio 2013中编写及运行。新建项目->Web->ASP.NET Web应用程序->Empty，打开后在项目下添加新建css文件夹和js文件夹等。一个解决方案就是一个.sln文件，一个解决方案里可以有多个项目文件。

内容：

　　1.JS（JavaScript）是一种脚本语言，结构简单，使用方便，其代码可以直接放入HTML文档中，可以直接在支持JavaScript的浏览器中运行。JavaScript使得网页的交互性更强，更生动灵活。当在浏览网页时做了某种操作就产生一个事件，JavaScript所编写的程序可以对相应的事件做出反应。

　　 JS有两种写法：（1）直接在HTML中写：　　

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5     <title></title>
 6     <script src="js/demo1.js"></script>
 7     <script type="text/javascript">
 8         function MyClick()
 9         {
10             alert("Hello world！");    
11         }
12     </script>
13 </head>
14 <body>
15     <input type="button" value="button1" onclick="MyClick()"/>
16 </body>
17 </html>

View Code

　　（2）新建一个js文件，文件名称最好与HTML名称一致：

1 function MyClick()
2  {
3             alert("Hello world！");    
4  }

View Code

　　2.JS特点：区分大小写，HTML和css是不区分大小写的；弱类型变量，定义变量只用“var”关键字；其注释方式有两种，多行注释为/*...*/，单行注释为//。

　　3.JS变量：

　　（1）JS变量类型：数组（前缀：a，例子：aArray）；布尔型（前缀：b，例子：bMale）；浮点（前缀：f，例子：fTax）；函数（前缀：fn，例子：fnSwap）；整型（前缀：i，例子：iAge）；对象（前缀：o，例子：oCar）；正则（前缀：re，例子：rePattern）；字符串（前缀：s，例子：sUniversity）。

　　（2）变量的声明：通过关键字var声明，如var sString = "hello";用var可同时声明多个变量，如var sGirl = "Lily", iAge = 10, bMale = false;js的变量不一定需要初始化。

　　（3）JS变量命名规则：首字母必须是字母（大小写均可）、下划线或者美元符；剩下的字母可以是下划线、美元符、任意子母或数字字符；变量名中不能是关键字。

　　（4）常用的数据类型：

　　　　1）字符串：var sMyString = "hello world";常用的属性方法有：length--获取字符串的长度、charAt(字符位置)--获取指定位置的字符、substring(起始位置,终止位置)--内容不包括终止位置的那个字符，第二个参数缺省时即从开始位置到字符串的末尾、substr(起始位置,字符串长度)、indexOf("字符")--从前往后搜索字符串中某个字符第一次出现的位置，如果找不到则返回-1、indexOf("字符",起始位置)--从起始位置开始的某个字符第一次出现的位置、lastindexof("字符")--从后往前某字符第一次出现的位置、lastindexof("字符",起始位置)--从起始位置开始从后往前某字符第一次出现的位置。

　　　　注：上面提到的位置即为索引，从零开始。

　　　　2）数值：var iNum = 9;

　　　　3）布尔型：var bSex = false;

　　（5）数据类型之间的转换：

　　　　字符串和数值相加，首先要把数值变为一个字符串，如var sNum1 = "10";var iNum1 = 20; var iNum2 = sNum1 + iNum1;则iNum2的结果为1020。数值转换为字符串用toString()，如iNum1.toString()；字符串转换为数值用parseInt()，如parseInt(sNum1)；同理将一个字符串转换为浮点型数值则为parseFloat()。

　　　　number()是将一个数值类型的字符串变为一个数值类型，这里的数值类型包含整型和浮点型。

　　　　判断一个结果是否为一个数值类型可用isNaN。

　　（6）数组：var aTeam = new Array(12);或者var aColor = new Array(); aColor[0]="blue";aColor[1]="yellow";或者var aTeam = new Array[1,2,3,5];

　　　　数组的属性：length（数组的长度）；

　　　　数组的方法：数组变为字符串：toString();用join方法指定转换后字符串间的连接符：join("_");用split方法将字符串转为数组：sString.split("")；用reverse方法使数组反序:aTeam.reverse().toString()；用sort方法进行数组元素排序，依据子母顺序排序：aTeam.sort().toString()。

后记：预习，复习。