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>
(2)新建一个js文件,文件名称最好与HTML名称一致:
1 function MyClick() 2 { 3 alert("Hello world!"); 4 }
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()。
后记:预习,复习。