这段时间从基础开始学javascript,并把学习到的东西做个笔记,逐渐积累,以便日后查阅。
1.javascript是一种客户端脚本语言,几乎所有的浏览器都支持javascript脚本编程语言的某个版本。要创建javascript脚本,其实不需要特殊工具,跟创建html页面一样,只需要记事本文档就可以。但是为了编程方便,我们可以选用一些专业IDE,如Dreamweaver等。
2.我们使用<script language="JavaScript" type="text/javaScript"></script>来包含javascript脚本语句,该语句可以写在html的<head></head>里,也可以写在<body></body>里,一般在<head></head>中声明并定义函数,在<body></body>中调用这个函数。
3.有两种方法可以使用一个javascript代码,一种是是直接在html页面中写,如第2点所说,将代码包含在<script language="JavaScript" type="text/javaScript"></script>中,如:
<html>
<head></head>
<body>
<script language="javascript" type="text/javascript">
document.write("this is a js in body");
</script>
</body>
</html>
另外一种方法是从外部的javascript文件引用过来,只需要在<head></head>或者<body></body>中添加这样一条语句就可以。
<script language="javascript" type="text/javascript src="XXX.js"">
其中XXX.js是所要引用的js文件的路径。
4.javascript的变量:javascript通过var关键字来创建变量,它并不管变量是何种类型的,可以输数值型,可以是字符型,可以是字符串型,布尔型。我们可以声明变量,也可以不用声明变量,变量在它首次使用的时候自动声明了。如var a=20;跟a=20;这两条语句其实是一样的。javascript和其他语言一样也有全局变量和局部变量之分,注意函数的形参也是局部变量。声明局部变量的时候需要用到var关键字。以免跟同名的全局变量混淆。最好的做法是,每一次声明变量的时候都使用var关键字。
5.Javascript有以下几种数据类型:
数值型:包含整数和浮点数。
布尔型:ture或者false
字符串,严格的讲,这其实就是个String对象,所以它拥有String对象的一些属性还有方法。
空值:只那些从未定义的变量,如document.write(a),若这个a并未定义,则它是空的,将会出现错误undefined。
6.数据类型的转换
var total=3;
document.write("the total is"+total);这条语句将把total自动转换为String类型。
大多数情况下我们将其他类型转换为String类型,但是有时候我们也需要将字符串类型转换为其他类型,比如整型和浮点型。
parseInt()------把字符串转换为整数
parseFloat-------把字符串转换为浮点数
如:stringtext="30 angry birds";
var num=parseInt(stringtext);
alert(num);
将会输出30.
7.字符串对象,也就是String对象。
创建对象,以下几种方法都可以创建一个String对象。
test="this is a test";
var test="this is a test";
test=new String("this is a test");
如前所说,String对象可以使用+号来进行连接。此外,既然是一种对象,它应该具有对象的的属性和方法。下面介绍一些常用的属性和方法。
- length属性用于计算字符串的长度:
test="this is a test.";
document.write(test.length);这条语句打印出这个字符串的长度,也就是15.
- toUpperCase()方法用于将字符串转换为大写。同样的toLowerCase()将字符串转换为小写字母。下面例子:document.write(test.toUpperCase());将会打印出THIS IS A TEST.但是需要明白的是,这个方法其实并没有改变这个test对象,它只是生成了一个新的对象并且打印出来而已。要改变test对象,可以使用这条语句:test=test.toUpperCase();
- substring(startindex,endindex+1)方法:该方法用于提取部分字符串。如test.substring(3,6)提取从索引为3的字符开始到索引为6-1的索引处的子串。注意substring(6,3)的效果一样,不过我们一般不会这样写。
- charAt(indext)方法用于抓取单个字母,如test.charAt(3)抓取索引为3的字母。
- indexOf()方法用于返回要查找的子字符串的第一次出现的索引。如:loc=test.indexOf(”is“);将会得到is第一次出现的索引值。也可以从指定的地方开始查找子字符串,如loc=test.indexOf(”is“,5)则表示从索引为5的字符开始来查找is。lastindexOf()从后向前排查子串,得到的是最后一次出现该子串的索引,当然lastindexOf(“is",10)则从索引10处自后往前来排查is。
8.数组对象
- 有几种方法可以创建一个数组,这几种方法的效果是一样的。scores=new Array(4);scores[0]=1;scores[1]=2;scores[2]=3;scores[3]=4;或者scores=new Array(1,2,3,4);又或者scores=[1,2,3,4];
- 数组的长度,同样是length属性。如document.write(scores.length);注意,数组的长度是可以改变的,我们可以声明一个没有具体长度的数组,然后通过元素赋值来改变它的长度。如scores=new Array();scores[0]=1;scores[1]=3;scores[8]=10;则这个数组的length就是9.
9.得到
10.得到