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中写:
<!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)的更多相关文章
- ASP.NET动态网站制作(3)--css(2)
前言:css分为四次课讲完,第一节课内容见ASP.NET动态网站制作(2)--css(1),接下来的内容会涉及到定位.浮动.盒子模型(第二次课).css的具体应用(第三次课).css3(第四次课).今 ...
- ASP.NET动态网站制作(8)-- JS(3)
前言:JS的第三节课,这节课主要讲函数.对象及方法. 内容: 1.九九乘法表例子: HTML代码: <!DOCTYPE html> <html xmlns="http:// ...
- ASP.NET动态网站制作(7)-- JS(2)
前言:这节课是JS的第二节课,主要是JS中的控制语句. 内容: 1.条件语句: (1)比较操作符:==,!=,>,>=,<,<=.字符串大小写转换:toUpperCase() ...
- ASP.NET动态网站制作(1)--html
前言:正式上课的第一课,讲的是前端部分的最基础内容:html. 前端:html,css,js 数据库:sql server 动态部分:.net,c#... IIS(Internet Informati ...
- ASP.NET动态网站制作(28)-- 三层框架(2)
前言:三层框架的第二节课,继续上次课的内容. 内容: 1.三层框架的使用目的:可以将视图层和业务逻辑层及实体层分开,可以提高代码的扩展性,安全性,可以实现程序的低耦合性. 2.GetModel方法及G ...
- ASP.NET动态网站制作(26)-- Ajax
前言:这节课讲解关于Ajax的相关内容. 内容: 1.当点击页面中的一个按钮提交数据或请求数据的时候,整个页面的信息都会提交(不管信息是否是提交或者请求的数据,页面中所有的数据都提交),这样耗用的时间 ...
- ASP.NET动态网站制作(20)-- C#(3)
前言:C#的第三节课,继续上次课的内容,依旧围绕基础的只是讲解. 内容: 1.StringBuilder类:由于string类一旦创建,则不能更改.如果做字符串拼凑的话,将会非常耗费空间,如: str ...
- ASP.NET动态网站制作(18)-- jq作业讲解及知识补充
前言:这节课主要讲解js及jq作业,并在作业讲解完后补充关于jQuery的一些知识点. 内容: 1.作业讲解:计算器那一块考虑的各种情况还不算完善,只实现了基本的功能,还需多多练习使用jQuery. ...
- ASP.NET动态网站制作(0)
前言:一直想系统地学习一下网站建设的相关内容,看过相关的书籍,也跟着视频学过,但总觉得效率不高,学过的东西印象不深刻,或许还是自己动手实践的少.无意中免费听了一堂讲ASP.NET网站建设的课,觉得性价 ...
随机推荐
- VIM 的 modeline 和 autocmd
modeline vim的modeline可以让你针对每个文件进行文件级别的设置,这些设置是覆盖当前用户的vimrc中的设置的.当vim打开一个包含了vim modeline注释行的文件时,会自动读取 ...
- nodejs后台启动
可避免关闭窗口,程序就关闭,可在后台运行 安装forever包,一般用于服务器,调试环境可不安装 npm install forever -g 启动方式如图: 查询后台运行哪些程序 forever l ...
- python 编码问题之终极解决
结合之前遇到的坑以及下面贴的这篇文章, 总结几种python乱码解决方案,如果遇到乱码,不妨尝试一下? 1,必备 #encoding=utf-8 2, python编程环境编码 import sys ...
- python对象的复制问题
list 的拷贝问题: 1, >>> a [1, 2] >>> b=a[:] >>> b [1, 2] >>> b[0]=20 ...
- L1-8 外星人的一天
L1-8 外星人的一天(15 point(s)) 地球上的一天是 24 小时.但地球上还有一些精力和勤奋度都远超一般人的大神级人物,他们的“一天”是以 48 小时为周期运转的,这种人被人们尊称为“外星 ...
- cocos3.x新建项目
cocos new -p FishRunMan com.game.simple -l cpp
- 线程中的WaitForSingleObject和Event的用法
http://chinaxyw.iteye.com/blog/548622 首先介绍CreateEvent是创建windows事件的意思,作用主要用在判断线程退出,程锁定方面. CreateEvent ...
- openfire常见几类插件开发研究与总结
openfire 的插件可以访问所有openfire的API,这给我们的插件实现提供了巨大的灵活性. 以下介绍几类比较常用的插件集成方式: 基于源码XMPP协议的插件 比如:IQHandler,常用来 ...
- OCP-1Z0-051-题目解析-第16题
16. Evaluate the following query: SQL> SELECT promo_name q'{'s start date was }' promo_begin_date ...
- vuex mapGetters
1.vuex 配置 //vuex的配置 //注意Store是大写 const store = new Vuex.Store({ //数据保存 state: { show: false, count: ...