码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET动态网站制作(6)-- JS(1)

时间:2015-10-08 00:30:27      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:

前言: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,例子:aTax);函数(前缀: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()。

后记:预习,复习。

ASP.NET动态网站制作(6)-- JS(1)

标签:

原文地址:http://www.cnblogs.com/zoe-yan/p/4850572.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!