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,例子: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()。

后记:预习,复习。

时间: 2024-10-14 03:13:20

ASP.NET动态网站制作(6)-- JS(1)的相关文章

ASP.NET动态网站制作(3)--css(2)

前言:css分为四次课讲完,第一节课内容见ASP.NET动态网站制作(2)--css(1),接下来的内容会涉及到定位.浮动.盒子模型(第二次课).css的具体应用(第三次课).css3(第四次课).今天的内容是关于css中定位.浮动以及盒子模型. 内容:CSS最核心的内容,围绕div标签展开. 1.做静态网页首先要考虑页面的布局,可用<div></div>来将网页分为不同的模块,就相当于盖房子一样. 2.<div></div>是一个块元素,与之相对应的还有行

ASP.NET动态网站制作(7)-- JS(2)

前言:这节课是JS的第二节课,主要是JS中的控制语句. 内容: 1.条件语句:  (1)比较操作符:==,!=,>,>=,<,<=.字符串大小写转换:toUpperCase().toLowerCase().  (2)逻辑运算符:&&(与运算).||(或运算).!(非运算).  (3)if语句:if(条件){...} else if(条件){...}else{...},注意if与else的匹配问题. if(iNum1>iNum2) { iNum3=iNum1;

ASP.NET动态网站制作(30)-- WEBService

前言:继续讲正则表达式,然后介绍一下webservice. 内容: 1.匹配QQ号的正则表达式:^[1-9]\d{4,10}$:匹配手机号的正则表达式:^(0|86)?(13|14|15|18)[0-9]{9}$:匹配身份证号的正则表达式:^[1-9][0-9]{14}([0-9]{2}[0-9Xx]?)$. 2.js里面的正则:使用test(). 3.C#里面的正则: 1 string strQQ=txtQQ.Text.Trim(); 2 bool b = Regex.IsMatch(strQ

ASP.NET动态网站制作(17)-- C#(1)

前言:用C#也有一年多了,基本上都是边用边学的,现在可以跟着老师系统的学习一下,感觉应该挺好的. 内容: 1.网站部署的相关内容:  (1)想要做一个网站,首先得去买一个域名,老师的域名是在美橙上买的.如果允许,可以把相应的.com,.cn,.net都注册掉,不然公司做大了就麻烦了.网站是放在服务器的硬盘上的,服务器的硬盘区域就叫做网站空间,所以买了域名之后就需要买网站空间.本地文件上传到网站空间上通过FTP上传.买的时候需要注意参数,最主要的看一下“支持语言”中的 .net 版本以及数据库.

ASP.NET动态网站制作(24)-- ADO.NET(3)

前言:ADO.NET的第三节课.今天主要讲SQL Helper. 内容: 1.DataReader和DataSet的区别: (1)DataReader是一行一行地读,且只能向前读:DataSet是一次性读取出来放到内存中,所以,DataReader读取速度更快,占用内存更低. (2)DataReader需要一直和数据库保持连接,DataSet读取完后即和数据库断开. (3)DataSet里面可以存储多个结果集(DataTable). (4)DataSet可以对数据进行缓存,而DataTable不

ASP.NET动态网站制作(13)-- JQ(5)

前言:jq的最后一节课,主要讲解应用, 内容: 1.会飞的li: 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>会

ASP.NET动态网站制作(12)-- JQ(4)

前言:这节课接着上次课的继续讲. 内容:接上--> 1.jq元素样式设置:  (4)某个元素中是否含有某个css类别,返回布尔型:$("li:last").hasClass("myClass");  (5)直接获取.编辑内容:html(text);text(content); 1 $("p").click(function(){ 2 var sHtmlStr = $(this).html(); 3 $(this).text(sHtmlStr

ASP.NET动态网站制作(11)-- JQ(3)

前言:这节课主要是讲CSS作业,然后继续讲jQuery. 内容: 1.css作业讲解. 2.jq设置元素样式:  (1)添加.删除css类别:$("div").addClass("myClass1 myClass2");$("div").removeClass("myClass1");  (2)类间动态切换: 1 $(function(){ 2 $("p").click(function(){ 3 $(th

ASP.NET动态网站制作(19)-- C#(2)

前言:C#的第二次课,依旧讲解C#的基础知识. 内容: 1.GC:垃圾回收机制,可以回收托管模块中的垃圾. 2.值类型和引用类型:  (1)值类型:所有的数值类型都是值类型,如int,byte,short,long,char,bool,float,double,枚举.计算机最小的信息单位是byte(字节),一个字节是8位(bit),一个字母是一个字节.  (2)引用类型:对象,string,object,数组.C#有两个内置的引用类型:object类型和string类型.object是所有类型的