概述
JavaScript是世界上最流行的脚本语言。JavaScript是一种轻量级的编程语言,可以插入HTML页面的编程代码。 JavaScript插入HTML页面后,可由浏览器执行。
特点
语法简单,易学易用;
解释性语言;
跨平台,基于对象和事件驱动,可用于客户端。
作用
可以动态改变网页内容,网页外观;
验证表单数据,还可以响应事件。
JavaScript与Java
JavaScript与Java是两种完全不同的语言,无论在概念还是设计上都不一样。
Java由Sun公司发明,是更为复杂的编程语言。
JavaScript标准的官方名称是ECMA-262,由Brendan Eich 发明,于1995年出现在Netscape浏览器中,1997年被ECMA 标准协会采纳。
使用方法
HTML中的脚本必须位于<script>与</script>标签之间。
脚本可位于HTML的<body>或者<head>部分中,或者同时存在于两个部分中。
<script>和</script>会告诉JavaScript在何处开始和结束,其间的代码行包含了JavaScript 。
在某个事件发生时,需要执行代码,例如:用户点击按钮时,可以把JavaScript代码放入函数中,在事件发生时调用该函数。
脚本也可保存到外部文件中。
外部文件通常包含被多个网页使用的代码。外部JavaScript文件的文件扩展名是.js。
使用外部文件时,在<script>标签的“src"属性中设置该.js文件。
基本内容
输出
1. 弹窗效果
使用window.alert("")方法可以实现弹框。
2. 写到文档输出
document.write()方法用于直接向HTML文档输出内容。如果在文档已经完成加载后执行该方法,整个HTML页面将会被覆盖。
3. Console系列
用于JavaScript调试,访问调试控制台。
4. 使用 innerHTML写入到HTML元素
使用document.getElementById(id) 方法,通过“id”属性来标识HTML元素,使用innerHTML属性来获取或者插入元素。
JavaScript语句
1. 分号用于分隔JavaScript语句
2. 浏览器读取JavaScript代码时,逐行执行脚本代码。
3. JavaScript语句通过代码块的形式进行组合。块由左花括号开始,右花括号结束。
4. JavaScript对大小写敏感。
5. 使用反斜杠对代码行进行换行。
JavaScript变量
如何命名
变量必须以字母、$或_符号开头,不能以数字开头。
变量名称对大小写敏感。
只能由字母、数字、下划线和美元符号组成。
不能与JavaScript中的关键字名称相同,例如:if,else等。
声明变量
声明变量,使用var关键字声明变量,使用等号向变量赋值,可在声明变量时直接对其赋值。例:var username=“John”;
一条语句中可同时声明多个变量 。以var开头,使用逗号分隔变量。例如: var username=“Tom”, age=46, job=“Manager”;
重新声明变量不赋值,该变量的值不会丢失。
JavaScript数据类型
JavaScript数据类型包括:字符串、数字、布尔、数组、对象、Null、Undefined。
简单数据类型:字符串、数字、布尔。
复合数据类型:数组、对象
特殊数据类型: Null、Undefined
JavaScript函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
语法:
function functionName(){
//这里是要执行的代码
}
调用带参数的函数:
function functionName( var1, var2){
//这里是要执行的代码
}functionName( var1, var2);
JavaScript变量的生存期
运算符
JavaScript语句
条件
if语句:只有当指定条件为true时,才执行代码。
if (条件表达式) {
//只有当条件为true时才执行的语句块;
}
if…else语句:在条件为true时执行代码,在条件为false时执行其他代码。
if (条件表达式) {
//当条件为true时执行的代码
}else{
//当条件为false时执行的代码
}
if…else if…else语句:可选择多个代码块之一来执行。
if (条件表达式1) {
//当条件1为true时执行的代码
}else if (条件表达式2) {
//当条件2为true时执行的代码
}else{
//当条件1和条件2都为false时执行的代码
}
分支
switch (表达式){
case 常量表达式1 : 语句块1; break;
case 常量表达式2 : 语句块2; break;
…
case 常量表达式n : 语句块n; break; [default : 语句块n+1;break;]
}
循环
for循环:循环代码块一定的次数。
for(表达式1;表达式2;表达式3) {
语句块;
}
for/in循环:循环遍历对象的属性。
var employees = new Array();
employees[0] = "Tom Smith";
employees[1] = "David White";
employees[2] = "Mary Johnson";
for (emp in employees) {
document.write(employees[emp] + "<br/>");
}
while循环:当指定的条件为true时循环指定的代码块。
while (条件) {
语句块;
}
do/while循环:当指定的条件为true时循环指定的代码块。
do{
语句块;
} while(条件);
区别:
while语句是先判断条件,再执行循环体。
do…while语句则是先执行循环体,再判断条件。
break语句,跳出循环,跳出循环后会继续执行该循环之后的代码。
continue语句,中断循环中的迭代,如果出现了指定的条件,则继续循环中的下一个迭代。
JavaScript错误
JavaScript通过try和catch测试和捕捉错误。
当错误发生时,JavaScript引擎通常会停止,并抛出一个错误。
语法如下:
try{
//在这里运行代码
}catch(err){
//在这里处理错误
}fanally{
//结束处理
}