JS第一堂课
jquery把JS优化、封装、简化,底层还是JS
前端:HTML网页内容,CSS网页外观,JS执行网页动作
一个解决方案就是一个.sln文件,一个解决方案里面可以有多个项目
Javascript (一)
1、 JavaScript是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScript的浏览器中运行.JavaSript使得网页的交互性更强,更生动和灵活.当在浏览网页时做了某种操作就产生一个事件,JavaScript所编写的程序可对相应的事件做出反应.
简单的例子:
<title></title>
<script type="text/javascript">
function myclick()
{
alert("这是我的第一个JS例子");
}
</script>
</head>
<body>
<input type="button" value="我是一个按钮" onclick="myclick()"/>
</body>
2、 几个特点:
1) 区分大小写。
2) 弱类型变量,定义变量只用”var”关键字。
3) JS注释 /*….*/(多行注释),//单行注释
3、 变量
1) 变量通过关键字var声明。
2) 用var同时声明多个变量。
var girl=”jsaacom”,age=19,male=false;
3) js变量不一定需要初始化。
var couple;
4) 变量名称规则:
(1)首字母必须是字母(大小写均可)、下划线、或者美元符。
(2)余下的字母可以是下划线、美元符、任意字母或数字字符。
(3)变量名不含关键字。
5)命名习惯
类型 |
前缀 |
例子 |
数组 |
a |
aArray |
布尔值 |
b |
bMale |
浮点 |
f |
fTax |
函数 |
fn |
fnSwap |
整型 |
i |
iAge |
对象 |
o |
oCar |
正则 |
re |
RePattern |
字符串 |
s |
sUniversity |
4、 常用的数据类型
1) 字符串(储存一段文字的),JS是弱类型(VAR),C#强类型
var sMyString=”hello world”;
字符串属性方法
tostring()-数字转换成字符串,parseint()-字符串转换成数值,parsefloat()-字符转换数值保留小数点后面数字
属性方法 |
描述 |
例子 |
length |
获取字符串长度 |
|
charAt(字符位置) |
获取指定位置的字符 |
|
substring(起始位置,终止位置) |
内容不包括终止位置的那个字符,第二个参数缺省时即从开始位置到字符串的末尾。 |
|
substr(起始位置,字符串长度) |
|
|
indexOf (“字符”) |
从前往后搜索字符串中某个字符第一次出现的位置,如果找不到返回-1 |
|
indexOf (“字符”,起始位置) |
|
|
lastindexof(“字符”) |
从后往前 |
|
lastindexof(“字符”,起始位置) |
|
|
2) 数值
3) 布尔型
- html
4) 类型转换
(1) 数值转字符串
- html
特殊:
var a=b=c=4;
alert(1+b+c.toString());
数值类型转字符串的同事实现进制转换 3.html
(2) 字符串转数值类型
parseInt(), parseFloat()
首先检查位置0处的字符,判断其是否为有效数字,不是直接返回isNaN,不再进行操作,如果为有效字符,检查位置1处字符,直到发现非有效字符为止。
4.html
parseFloat()转字符串
5.html
5)数组
(1)var aTeam=new Array(12); 数组长度12
(2)var aColor=new Array(); 不确定数组长度
a2Color[0]=”blue”;
aColor[1]=”yellow”;
aColor[2]=”green”;
aColor[3]=”black”;
(3) var aTeam = new Array(1, 2, 3, 5);
数组长度 6.html
(4) 括号定义数组
7.html
(5) 数组转字符串 8.html
(6) 用join方法指定转换后字符串间的连接符 9.html
(7) 用split方法将字符串转数组 10.html
*(8) 用reverse方法使数组元素反序。11.html
(9) 用split方法使字符串反序排列 12.html
*(10) 用sort方法进行数组元素排序 13.html