1、Javascript是什么?
JavaScript是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScript的浏览器中运行.JavaSript。
Javascript使得网页的交互性更强,更生动和灵活.当在浏览网页时做了某种操作就产生一个事件,JavaScript所编写的程序可对相应的事件做出响应。
2、Javascript的特点
⑴Javascript区分大小写;而HTML、CSS不区分大小写。
⑵Javascript是弱类型语言,定义变量只能用“var”关键字。
⑶Javascript的注释有两种:/* */ 和 //。HTML的注释语言是<!-- -->;CSS的注释是/* */。
3、Javascript的变量
⑴变量通过关键字var声明
⑵用var关键字可以同时声明多个变量,例如
var name=”Tom”,age=19,male=true;
⑶Javascript的变量不一定需要初始化;虽然不需要初始化,但给一个初始值是比较好的,例如
var name;
⑷变量的名称规则
①首字母必须是字母(大小写均可)、下划线、或者美元符;②余下的字母可以是下划线、美元符、任意字母或数字字符;③变量名不含关键字
⑸命名习惯:增强代码的可读性
4、Javascript的数据类型
⑴字符串
var sMyString=”hello world”;
字符串属性方法
⑵数值
⑶布尔型
⑷类型转换
①typeof
var a = "hello world"; var b = 10; var c = true; alert("typeof(a) is " + typeof (a) + "\n" + "typeof(b) is " + typeof (b) + "\n" + "typeof(c) is " + typeof (c) );
②数值转字符串
var a = 3; var b = a + ""; var c = a.toString(); var d = "" + a; alert("typeof(a) is " + typeof(a) + "\n" + "typeof(b) is " + typeof(b) + "\n" + "typeof(c) is " + typeof(c) + "\n" + "typeof(d) is " + typeof(d) + "\n" );
特殊的一个例子,结果分别是“54、414”。
var a = b = c = 4; alert(1 + b + c.toString()); alert(c.toString() + 1 + b);
数值类型转字符中的同时,实现进制转换
var a = 11; document.write(a.toString(2) + ""); document.write(a.toString(3) + ""); document.write(a.toString(8) + ""); document.write(a.toString(16) + "");
③字符串转数值类型
parseInt(), parseFloat()
首先检查索引为0处的字符,判断其是否为有效数字;如果不是字符,直接返回isNaN,不再进行操作;如果为有效字符,检查索引为1处的字符,直到发现非有效字符为止。
document.write(parseInt("4567red") + ""); document.write(parseInt("53.5") + ""); document.write(parseInt("0xC") + ""); //直接进制转换 document.write(parseInt("isaacshun@gmail.com") + "");
document.write(parseFloat("34535orange") + ""); document.write(parseFloat("0xA") + ""); //不再有默认进制,直接输出第一个字符“0” document.write(parseFloat("435.34") + ""); document.write(parseFloat("435.34.564") + ""); document.write(parseFloat("isaacshun@gmail.com") + "");
⑸数组
var aTeam = new Array(12); var aColor = new Array(); aColor[0] = "blue"; aColor[1] = "yellow"; aColor[2] = "green"; aColor[3] = "black"; var aNumber = new Array(1, 3, 4, 7); alert(aColor.length + " " + aColor[1]); alert(aNumber.length + " " + aNumber[2]);
var aMap = ["China", "USA", "Britain"]; aMap[20] = "Korea"; alert(aMap.length + " " + aMap[10] + " " + aMap[20]);
④数组转字符串
var aMap = ["China", "USA", "Britain"]; alert(aMap.toString() + " " + typeof (aMap.toString()));
⑤用join方法指定转换后字符串间的连接符
var aMap = ["China", "USA", "Britain"]; document.write(aMap.join() + ""); //无参数,等同于toString() document.write(aMap.join("") + ""); //不用连接符 document.write(aMap.join("][") + ""); //用“][”来连接 document.write(aMap.join("-isaac-") + "");
⑥用split方法将字符串转数组
var sFruit = "apple,pear,peach,orange"; var aFruit = sFruit.split(","); alert(aFruit.join("--"));
如果split中的参数是空字符中(””),就会将每一个字符分成相应的数组元素。
var apple = "Apple"; var aChar = apple.split(""); alert(aChar.join("#"));
⑦用reverse方法使数组元素反序
var aFruit = ["apple", "pear", "peach", "orange"]; alert(aFruit.reverse().toString());
⑧用split方法使字符串反序排列
var sMyString = "abcdefg"; alert(sMyString.split("").reverse().join("-")); /* split("")将每一个字符转为一个数组元素 reverse()反序数组的每个元素 join("")再最后将数组无连接符的转为字符串 */
⑨用sort方法进行数组元素排序
var aFruit = ["pear", "apple", "peach", "orange"]; aFruit.sort(); alert(aFruit.toString());