从今天开始学习JavaScript
一、什么是JavaScript
1.JavaScript是网景（Netscape）公司开发的一种基于客户端浏览器、基于面向对象、事件驱动式的网页脚本语言。
2.JavaScript语言的前身叫做Livescript，于1995年11月末与Sun公司联合宣布把其名改为JavaScript。
3.JavaScript是属于web语言，它适用于PC、笔记本电脑、平板电脑和移动电话。
4.JavaScript的正式名称是“ECMAScript”。这个标准由ECMA组织发展和维护。ECMA-262是正式的JavaScript标准。这个标准基于JavaScript（Netscape）和JScript（Microsoft）。
二、JavaScript常用数据类型如下：
1.数值类型（number）：包含整数和浮点数
2.字符串类型（string）：字符串必须使用双引号或单引号
3.布尔类型（boolean）：只有true和false两个值
4.未定义类型（Undefined）：专门用来确定一个已经创建但是没有初值的变量
5.空类型（Null）：用于表明某个变量的值为空(表明变量已经被赋值，但赋的值为空)；
6.对象类型（Object）：数组、日期对象等
三、JavaScript特点
JavaScript是一种解释性脚本编写语言
JavaScript是基于对象的脚本编程语言
简单性（弱类型）
安全性
动态性的
跨平台性
四、在HTML页面中嵌入JavaScript代码方式
1.使用JavaScript：前缀构建执行JavaScript代码
2.使用<script></script>标签来包含JavaScript代码
3.导入外部的JavaScript文件
导入JavaScript脚本文件的语法如下
<script src=”outer.js” type="text/javascript"></script>
练习1
<script>
var a=10;
var b=10.2;
var c=5e2;//科学记数法的表示，为500
var d=1.2e-3;
var e=0xf;//16进制
var f=014;//10进制
var g=.2e2;
alert(a+"
"+b+"
"+c+"
"+d+"
"+e+"
"+f+"
"+g);
</script>
练习2 比较两个字符串的值是否相等
<script>
var num1="abc";
var num2='bcd';
alert(num1==num2);
//结果为false
</script>
练习3
<script>
var a;
var b=null;
alert(a==b);//结果为true
//"==="为严格等于
alert(a===b);//结果为false
</script>
五、JavaScript基础语法
变量定义
JavaScript 是弱类型脚本语言，使用变量之前，可以无需定义，当使用某个变量的时候直接使用即可。主要分为以下两种定义方式：
隐式定义：直接给变量赋值
显示定义：使用var关键字定义变量
<script type="text/javascript"> temp="welcome,Javascript";//使用隐式定义 alert(temp); </script>
<script type="text/javascript"> var temp;//显示声明 temp=12;//赋值后的temp数据类型是整形 alert(temp); </script>
<script type="text/javascript">
var a,b,c;//可以一次性定义多个变量
var l,j="abc",k=0;//定义变量时可以变量指定初始值
</script>
定义变量的名称需要遵循以下规则
1.首字母必须是字母（大小写均可）、下划线（_）、或者美元符号（$）
2.余下的字母可以是下划线、美元符号、任意字母或者是数字字符
3.变量名不能是关键字
六、JavaScript数据类型间的转换
JavaScript和其他编程语言一样有进行类型转换的能力
1.通过“+”号或toString()方法将数值转换成字符串。
2.通过parseInt()将字符串转换成整型。
3.通过parseFloat()将字符串转换成浮点型。
<script>
var a=3;
var b=10;
var c=a.toString();//将3转换为字符串"3"
var d=b+c;
alert(d);//结果为103
</script>
七、JavaScript中字符串的常用操作方法
|
charAt() |
获取字符串特定索引处的字符 |
|
toUpperCase() |
将字符串的所有字符转换成大写字母 |
|
indexOf() |
返回字符串中特定字符串第一次出现的位置 |
|
substring() |
返回字符串的某个子串 |
|
slice() |
返回字符串的某个子串，支持负数参数，功能更强大 |
|
concat() |
用于将多个字符串拼加成一个字符串 |
|
replace() |
将字符串中的某个子串以特定的字符串替换 |
|
split() |
将某个字符串分割成多个字符串，可以指定分隔符 |
|
match() |
使用正则表达式搜索目标子字符串 |
|
search() |
使用正则表达式搜索目标子字符串 |
练习1
<script>
var a="3.5";
var b=a-2;
alert(b);
</script>
练习2
<script>
var a="3.5";
var b=a-2;//结果为1.5
var c=a*2;//结果为7
var d=a+2;//结果为3.52
alert(b+"
"+c+"
"+d);
//让结果怎么不变为3.52呢？
alert(parseFloat(a)+2);//结果为5.5
</script>
练习3
<script>
var str="I love java!";
alert(str.length);//获取字符串的长度
alert(str.charAt(5));//获取字符串中第五位的字符
alert(str.toUpperCase());//获取字符串中第五位的字符
alert(str.indexOf('a'));//获取第一个'a'出现的下标
alert(str.lastIndexOf('a'));//获取最后一个'a'出现的下标
alert(str.indexOf('a',8));//获取从第八位开始第一次出现'a'的下标
alert(str.substring(2));//获取从第二位开始截取到最后的字符串
alert(str.substring(2，4));//获取从第二位开始截取到第四位的字符串
alert(str.slice(2));//获取从第二位开始截取到最后的字符串
alert(str.slice(2,4));//获取从第二位开始截取到第四位的字符串
alert(str.slice(3,-1));//获取从第三位开始截取到减去最后一位的字符串
alert(str.slice(-3,-1));//获取从倒数第三位到倒数第一位的字符串
alert(str.replace('o','w'));//将字符串中的'o'全部换为'w'
//将字符串使用空格来进行分割
var arr=str.split(' ');
for(i=0;i<arr.length;i++){
alert(arr[i]);
}
alert(str.match("v"));//搜索此字符串中含有’v’的字符串
alert(str.search("love"));//获取'love'在字符串中的索引位置
</script>
注意：JavaScript中的字符串与Java中字符串的区别
1.JavaScript中的字符串可以用单引号括起来
2.JavaScript中比较两个字符串的字符序列是否相等使用==即可，无需使用equals()方法