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

内容：

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

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

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <title></title>

     <script src="js/demo1.js"></script>

     <script type="text/javascript">

         function MyClick()

         {

             alert("Hello world！");

         }

     </script>

 </head>

 <body>

     <input type="button" value="button1" onclick="MyClick()"/>

 </body>

 </html>

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

 function MyClick()

  {

             alert("Hello world！");

  }

　　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()。

后记：预习，复习。

ASP.NET动态网站制作（6）-- JS（1）的更多相关文章

  1. ASP.NET动态网站制作（3）--css（2）

    前言:css分为四次课讲完,第一节课内容见ASP.NET动态网站制作(2)--css(1),接下来的内容会涉及到定位.浮动.盒子模型(第二次课).css的具体应用(第三次课).css3(第四次课).今 ...

  2. ASP.NET动态网站制作（8）-- JS（3）

    前言:JS的第三节课,这节课主要讲函数.对象及方法. 内容: 1.九九乘法表例子: HTML代码: <!DOCTYPE html> <html xmlns="http:// ...

  3. ASP.NET动态网站制作（7）-- JS（2）

    前言:这节课是JS的第二节课,主要是JS中的控制语句. 内容: 1.条件语句:  (1)比较操作符:==,!=,>,>=,<,<=.字符串大小写转换:toUpperCase() ...

  4. ASP.NET动态网站制作（1）--html

    前言:正式上课的第一课,讲的是前端部分的最基础内容:html. 前端:html,css,js 数据库:sql server 动态部分:.net,c#... IIS(Internet Informati ...

  5. ASP.NET动态网站制作（28）-- 三层框架（2）

    前言:三层框架的第二节课,继续上次课的内容. 内容: 1.三层框架的使用目的:可以将视图层和业务逻辑层及实体层分开,可以提高代码的扩展性,安全性,可以实现程序的低耦合性. 2.GetModel方法及G ...

  6. ASP.NET动态网站制作（26）-- Ajax

    前言:这节课讲解关于Ajax的相关内容. 内容: 1.当点击页面中的一个按钮提交数据或请求数据的时候,整个页面的信息都会提交(不管信息是否是提交或者请求的数据,页面中所有的数据都提交),这样耗用的时间 ...

  7. ASP.NET动态网站制作（20）-- C#（3）

    前言:C#的第三节课,继续上次课的内容,依旧围绕基础的只是讲解. 内容: 1.StringBuilder类:由于string类一旦创建,则不能更改.如果做字符串拼凑的话,将会非常耗费空间,如: str ...

  8. ASP.NET动态网站制作（18）-- jq作业讲解及知识补充

    前言:这节课主要讲解js及jq作业,并在作业讲解完后补充关于jQuery的一些知识点. 内容: 1.作业讲解:计算器那一块考虑的各种情况还不算完善,只实现了基本的功能,还需多多练习使用jQuery. ...

  9. ASP.NET动态网站制作（0）

    前言:一直想系统地学习一下网站建设的相关内容,看过相关的书籍,也跟着视频学过,但总觉得效率不高,学过的东西印象不深刻,或许还是自己动手实践的少.无意中免费听了一堂讲ASP.NET网站建设的课,觉得性价 ...

随机推荐

  1. JavaScript变量提升和函数声明预解析

    1.首先理解函数作用域 在JavaScript中,变量的定义并不是以代码块作为作用域的,而是以函数作用作用域的.也就是说,如果变量是在某个函数中定义的,那么它在函数以外的地方是不可见的.而如果该变量是 ...

  2. LeetCode OJ--Same Tree

    https://oj.leetcode.com/problems/same-tree/ 判断两个二叉树,是否相等. 深搜 /** * Definition for binary tree * stru ...

  3. 调用Thread.interrupt()方法到底会发生什么？

    1. 当线程处于Blocked状态(sleep,wait,join),线程会退出阻塞状态,并抛出一个InterruptedException.park除外,它有响应但是不会抛出异常 2. 当线程处于R ...

  4. 深入Java—String源代码

    /* * @(#)String.java 1.204 06/06/09 * * Copyright 2006 Sun Microsystems, Inc. All rights reserved. * ...

  5. 10.1综合强化刷题 Day2 morning

    一道图论神题(god) Time Limit:1000ms   Memory Limit:128MB 题目描述 LYK有一张无向图G={V,E},这张无向图有n个点m条边组成.并且这是一张带权图,只有 ...

  6. Java 在Word创建表格

    表格作为一种可视化交流模式及组织整理数据的手段,在各种场合及文档中应用广泛.常见的表格可包含文字.图片等元素,我们操作表格时可以插入图片.写入文字及格式化表格样式等.下面,将通过Java编程在Word ...

  7. 串口调试利器--Minicom配置及使用详解.md

    因为现在电脑基本不配备串行接口,所以,usb转串口成为硬件调试时的必然选择.目前知道的,PL2303的驱动是有的,在dev下的名称是ttyUSB*. Minicom,是Linux下应用比较广泛的串口软 ...

  8. OBS插件开发以及OBS插件的选择（obs直播插件）研究思路

    obs版本的选择: 工作室版,优化了很多东西,缺点是不能用插件,在部分机型不稳定,因为更新的很频繁.不过这个插件不能用的说法还是停留在早起,截至到今天已经完美支持,所以在不久的将来会越来越好,如果是开 ...

  9. 缺少 Google API 秘钥，因此 Chromium 的部分功能将无法使用

    获取密钥(ID)教程: https://www.chromium.org/developers/how-tos/api-keys 获取密钥(ID)地址: https://cloud.google.co ...

  10. HDU4004

    题目大意,有一条长度为L和河流,中间穿插n个石凳,青蛙跳m次经过石凳后到达对岸,求青蛙每次跳跃的最大距离的最小值 本题数据量大n<500000,显然简单的o(n*n)算法是通过不了的,在输入大量 ...