JavaScript学习笔记(一)
从今天开始学习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+"\n"+b+"\n"+c+"\n"+d+"\n"+e+"\n"+f+"\n"+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+"\n"+c+"\n"+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()方法