JavaScript 语言基础
本节学习目标 掌握JavaScript语言的特点; 掌握Javascript的语言基础,包括变量、函数、运算符等; 能够利用Javascript进行cookie应用;
本节主要内容 1、Javascript基础 2、JavaScript 函数 3、JavaScript 运算符 4、JavaScript语句 5 、浏览器对象模型 6、JavaScript 消息框
JavaScript简介 JavaScript是一种在网页中使用的脚本语言。 脚本语言是一种轻量级的、解释型的编程语言。 JavaScript是一种能够插入到HTML页面的编程代码。 JavaScript代码可以被所有的现代Web浏览器执行。 JavaScript是简单易学。
JavaScript简介 在HTML中JavaScript代码必须插入在<SCRIPT>和</script>标记之间。Javascript脚本可以放在HTML页面的<body>中或者放在head部分。 脚本也可以放在外部文件中。外部文件经常包含要使用在几个不同网页中的代码。外部JavaScript文件的扩展名为.JS。要使用外部脚本, <script>标签中的“src”属性要指向js文件。
Javascript的作用 JavaScript 是为 HTML 设计者提供的一种的编程工具
原理:
JavaScript输出 要通过JS脚本存取HTML元素,可以使用document.getElementById(id)方法。 使用 document.write() 方法直接写出到文档输出。如果在文档载入完成后执行 document.write() ,整个的HTML页面内容将会被重写。
JavaScript语句 分号把不同的Java语句分隔开,是一个可执行语句的结束符。可以在一行中写多个语句,只需要使用分号分隔即可。 HTML并不区分大小写。
JavaScript语句 条件语句 循环语句 Break 和 Continue 语句
条件语句 1. If 语句 只有当指定条件为 true 时,该语句才会执行代码。 语法 if (条件) { }
2. If else 语句 If...else 语句 请使用 if....else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。 if (条件) { 当条件为 true 时执行的代码 } else 当条件不为 true 时执行的代码
3 if else嵌套 If...else if...else 语句:使用 if....else if...else 语句来选择多个代码块之一来执行。 if (条件 1) { 当条件 1 为 true 时执行的代码 } else if (条件 2) { 当条件 2 为 true 时执行的代码 } else { 当条件 1 和 条件 2 都不为 true 时执行的代码 }
4. Switch语句 switch 语句用于基于不同的条件来执行不同的动作。 语法: switch(n) {case 1: 执行代码块 1 break; case 2: 执行代码块 2 Default: n 与 case 1 和 case 2 不同时执行的代码 }
循环语句 JavaScript 支持不同类型的循环: for - 循环代码块一定的次数 for/in - 循环遍历对象的属性 while - 当指定的条件为 true 时循环指定的代码块 do/while - 同样当指定的条件为 true 时循环指定的代码块
1. For循环 for (语句 1; 语句 2; 语句 3) { 被执行的代码块 } 语句 1 在循环(代码块)开始前执行 语句 1 在循环(代码块)开始前执行 语句 2 定义运行循环(代码块)的条件 语句 3 在循环(代码块)已被执行之后执行
2. For/In 循环 JavaScript for/in 语句循环遍历对象的属性: 主要应用在数组中和对象集合中;
3. While循环 只要指定条件为 true,循环就可以一直执行代码。 语法: while (条件) { 需要执行的代码 }
4. do/while 循环 do/while 循环是 while 循环的变体。该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环。 语法: do { 需要执行的代码 } while (条件);
5.Break 和 Continue 语句 break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。
变量 JavaScript的变量是“容器”来存储信息。 var my=5; var mysite="my test"; 变量名必须以字母开头 变量名也可以以$和_开头 变量名是大小写敏感的(y和Y都是不同的变量) 变量名不能使用JavaScript关键词与JavaScript保留字,而且不能使用JavaScript语言内部的单词,比如Infinity,NaN,undefined
JavaScript 函数 function 函数名() { 代码 } 带参数的形式: function myFunction(var1,var2) { some code }
JavaScript 函数 带有返回值的函数: function myFunction() { var x=5; return x; } 函数调用将被返回值取代: var myVar=myFunction();
2.5.5 JavaScript 运算符 算术运算符 赋值运算符 比较运算符 逻辑运算符 条件运算符
小结 JavaScript既是一种描述语言,也是一种基于对象和事件驱动,并且有安全性能的脚步语言。无论是客户端还是服务器端javascript应用程序都要下载到浏览器的客户端执行,从而减轻服务器端的负担。 提供了多种对象和函数以供使用;