JavaScript
什么是JavaScript呢?
JavaScript是一种描述语言,也是基于对象和事件驱动的,并具有安全性能的脚本语言。
JavaScript的特点为:
JavaScript主要用来在HTML页面中添加交互行为。
JavaScript是一种脚本语言,语法和java类似。
JavaScript一般用来编写客户端的脚本。
JavaScript的组成:
一、 ECMAScript标准:
1、语法
2、变量和数据类型
3、运算符
4、逻辑控制语句
5、关键字,保留字
6、对象
ECMAScript是一个描述规定了脚本语言的所有属性、方法和对象的标准。
二、浏览器对象模型
浏览器对象模型(BOM),提供了独立于内容于浏览器窗口进行交互的对象,使用浏览器对象模型可以实现于HTML的交互。
例如:
网上常见的弹出窗口、前进后退等功能都是浏览器对象控制的。
三、文档对象模型
文档对象模型(DOM),是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操作HTML文档。
例如:
网上商城常见的随鼠标移动显示大的图片、弹出小提示。
JavaScript的基本结构:
<script type="text/JavaScript"> JavaScript 语句; </script>
其中type是<Script>标签的属性,用于指定文本使用的语言类别为test/JavaScript.
在网页中引用JavaScript的方式:
1、内部JavaScript文件
适合用于JavaScript代码较少,并且网站中的每个页面使用的JavaScript代码均不相同的情况。
2、使用外部JavaScript文件
在不同的页面使用同一个JavaScript,如果用内部JavaScript则会使JavaScript代码冗余。这样的话我们就要使用外部的JavaScript文件。外部JavaScript可以在多个页面重复使用。外部JavaScript文件是写在外部的文件,以 .js为扩展名然后指定标签<Script>中的 src属性(src属性为js文件的路径)
3、直接在HTML标签中
适合用于极少代码,仅用于当前的标签。但这种方式增加了HTML的代码量。
JavaScript的核心语法。
document.write()用来向页面输出可以包含HTML标签的内容
一、变量的声明和赋值
在JavaScript中,变量是使用关键字 var 声明的
语法:
var 合法的变量名称;
变量名的名称和Java中的变量的命名规则是一样的。
声明变量的同时为变量赋值:
var width = 20; //在声明变量width的同时,将数值20赋给了变量width
var x,y,z = 20 ; //在一行代码中声明多个变量时,各变量之间用逗号隔开。
另外,JavaScript对于大小写是敏感的
二、数据类型
JavaScript中的基本数据类型:
undefined(未定义类型)
null(空类型)
number(数值类型)
String(字符串类型)
boolean(布尔类型)
1、typeof
ECMAScript提供了typeof运算符来判断一个值或变量究竟属于哪种 数据类型
语法:
typeof(变量或值)
其返回结果有以下几种:
undefined:如果变量是undefined类型的,则返回undefined类型的结果。
number:如果变量是number类型的,则返回number类型的结果。
String: 如果变量是String类型的,则返回String类型的结果’
boolean:如果变量是boolean类型的,则返回boolean类型的结果。
object:如果变量是null类型的,或者变量是一种引用类型,如对象、函数、数组,则返回object类型的结果。
2、undefined类型
undefined类型只有一个值,即undefined,当声明的变量未初始化时,该变量的默认值时undefined。
例如:
var width;
这行代码声明了变量width,且此变量没有初始值,将被赋予值undefined。
3、null类型
只有一个值的类型是null,表示一个占位符。 值undefined实际上是null派生来的,因此JavaScript把它们定义为相等的。
例如:
alert(null== undefined);//返回值为true
这两个的值相等,含义不同,undefined声明了变量但没有赋值,null声明了变量并赋了一个空值。
4、number类型
可以表示32位的整数,又可以表示64位浮点数
例如:typeof(NaN); //返回值为number
5、String类型
①字符串定义
在JavaScript中,字符串是一组被引号括起来的文本。
例如:
var string1 =“This is a string”; //定义了一个字符串String1
JavaScript不对字符和字符串加以区别,因此下面的语句也定义了一个字符串。
var oneChar = “a”; //定义了只有一个字符“a”的字符串
②字符的属性和方法
JavaScript中表示字符串的长度(包括空格等)用的是length属性
语法:
字符串对象.length;
var str =“this is JavaScript”;
var strLength=str.length;
在JavaScript中关于字符串对象的使用语法如下
语法:
字符串对象.方法名();
常用的方法有:
6、boolean类型
boolean类型数据称为布尔型数据或逻辑型 数据,boolean类型是ECMAScript中常用的类型之一,它只有两个值:true和false。
例如:
var flag=true;
var cars=false;
三、数组
JavaScript和Java一样 数组的下标都是从0开始的。
1、创建数组:
语法:
var 数组名称 =new Array(size);
其中,new 是用来创建数组的关键字,Array表示数组的关键字,而size表示数组中可存放的元素总数,因此size用整数来表示。
例如:
var fruit=new Array(5);表示创建了一个名称为fruit,有5个元素的数组。
2、为数组元素赋值
在声明数组时,可以直接为数组元素赋值。
语法:
var fruit=new Array(“apple”,“orange”,“peach”,“banana”);
也可以分别为数组元素赋值:
var fruit=new Array(4);
fruit[0]="apple";
fruit[1]="orange";
fruit[2]="peach";
fruit[3]="banana";
另外,除了Array()对象外,数组还可以用方括号“[”和“]”来定义
var fruit=["apple","orange","peach","banana"];
3、访问数组元素
可以通过数组下标来访问数组元素,数组下标是以0开始的。
4、数组的常用属性和方法
数组是JavaScript中的一个对象,它有一组属性和方法
①length
数组的length属性用于返回数组中的个数,返回值为整型。如果在创建数组时就指定了数组的size值,那么无论数组元素中是否存储了实际数据,该数组的length值都是这个指定长度值size。
②join()
join()方法通过一个指定的分隔符把数组元素放在一个字符串中
语法:
join(分隔符);
四、运算符号
其中,==表示等于,===表示恒等,!==表示不恒等,都是用于比较,但是==用于一般比较,===用于严格比较,==在比较时可以转换数据类型,===严格比较,只要数据类型不匹配就返回false。
例如:
“1” ==true 返回true,“1”===true 返回false。
五、逻辑控制语句
1、条件结构
①if结构
语法:
if(表达式){ //JavaScript语句1; }else{ //JavaScript语句2; }
②switch结构
语法:
switch(表达式){ case 值1: //JavaScript语句1; break; case 值2; //JavaScript语句2; break; ...... default: //JavaScript语句n; break; }
在JavaScript中switch语句可以用于字符串。
2、循环结构
①for循环语句
语法:
for(初始化;条件;迭代器){ //JavaScript语句; }
②while循环语句
语法:
while(条件){ //JavaScript语句; }
条件为真时,继续循环,条件为假时,跳出循环
③do——while循环语句
语法:
do{ //JavaScript语句; }while(条件)
反复执行JavaScript语句,条件为假时,跳出。
和while的区别在于do——while是先执行后判断
④for——in
语法:
for(变量 in 对象){ //JavaScript语句; }
其中“变量”为指定变量,可以是数组元素,也可以是对象属性
例如:
var fruit=["apple","orange","peach","banana"]; for(var i in fruit) document.write(fruit[i]+"<br/>");
⑤中断循环
JavaScript和java一样也有两种中断语句分别为:
break:退出整个循环
continue:退出当前循环,根据判断条件决定是否进行下一次循环。
六、关键字和保留字
七、常用的输入输出
1、警告(alert)
语法:
alert(“提示信息”);
只有对警告对话框处理后,后面的代码才会运行
2、提示(prompt)
prompt()方法会弹出一个提示对话框,等待用户输入一行数据。
语法:
prompt(“提示信息”,“输入框的默认信息”);
JavaScript常用语法——函数
一、常用系统函数
1、parseInt()
parseInt()函数可解析一个字符串,并返回一个整数。
语法:
parseInt(“字符串”)
parseInt()函数 首先先查看下标为0的字符,如果不是有效的数字,如果不是则返回NaN。如果是则查看位置为1的字符是否是有效的数字,直到发现非有效字符为止。
2、parseFloat()
parseFloat()函数可解析一个字符串,并返回一个浮点数。
语法:
parseFloat(“字符串”)
parseFloat()函数 和parseInt()函数很相似,只是最后parseInt返回的是浮点数。而且第二个小数点视为无效的。
3、isNaN()
isNaN()函数用于检查其参数是否是非数字。
语法:
isNaN(X)
如果 X 为非数字,则返回true,否则,则返回false。
二、自己定义函数
1、定义函数
在JavaScript中,自定义函数由关键字function、函数名、一组参数及置于括号中的待执行的JavaScript语句组成。
语法:
function 函数名(参数1,参数2,参数3.,。。。){ //JavaScript语句; [return 返回值] }
function是定义函数的关键字,必须有。
return语句用来规定函数的返回值
2、调用函数
要执行一个函数,就必须调用一个函数,当调用函数时,必须指定函数名及其后面的参数(如果有参数)。
语法;
事件名=“函数名()”;