北大青鸟PPT:JavaScript 语法基础_Javascript教程_H5之家

第七章
JavaScript 语法基础

目标
理解什么是 JavaScript
如何将 JavaScript 嵌入到 HTML 中
理解变量、数据类型和运算符
掌握 if-else 和 switch 语句
什么是JavaScript 3-1
什么是JavaScript 3-2
什么是JavaScript
JavaScript 是一种脚本语言
提供用户交互
动态更改内容
数据验证

将JavaScript嵌入网页
可以将 JavaScript 语句插入 HTML 文档，方式
如下：
使用 <SCRIPT> 标签将语句嵌入文档
将 JavaScript 源文件链接到 HTML 文档中
使用 Script 标签
使用外部 JS 文件
外部 JavaScript 文件可以链接到 HTML 文档中
SCRIPT 标签的 SRC（源文件）属性可用于包括此外部文件
使用外部 JS 文件
变量
变量名必须以字母或下划线（"_"）开头
变量可以包含数字、从 A 至 Z 的大小写字母
JavaScript 区分大小写，即变量 myVar、 myVAR 和 myvar 是不同的变量
声明变量
var a;
“var” －用于声明变量的关键字
“a” －变量名

声明变量
<HTML>
<HEAD>
<TITLE>使用变量</TITLE>
<SCRIPT LANGUAGE = "Javascript">
var x;
x=prompt("淘宝网竟拍，请出一口价",1) ;
document.write("拍卖价格"+x+"<BR>") // "+"用来连接多个字符串
document.write("恭喜您，您以最高价拍卖成功！");
alert("欢迎下次光临！");
</SCRIPT>
</HEAD>
</HTML>
变量的作用域
常量
数据类型
“+”号的用法-1
“+”号的用法-2
运算符
运算符对一个或多个变量或值（操作数）进行运算，并返
回一个新值
根据所执行的运算，运算符可分为以下类别：
算术运算符
比较运算符
逻辑运算符
运算符
算术运算符-1
算术运算符-2
比较运算符
比较运算符 2-1

比较运算符
运算符
逻辑运算符
逻辑运算符
if 语句 2-1
条件语句用于测试条件。
If语句 2-2
if else 语句 2-1
if(条件)
{
   //JavaScript代码;
}
else
{
//JavaScript代码;
}
If-else语句 2-2
嵌套 if 语句 2-1
if (条件1)
{
if (条件2)
{
   //JavaScript代码;
}
}
嵌套If语句 2-2
switch 语句 2-1
switch语句 2-2
总结
网页中嵌入脚本有两种方式：使用<Script>标签或外部 *. js文件
JavaScript 中声明变量：var 变量名
“+”可以用于两个数相加，还可以用于连接字符串
parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数
运算符号分为算术运算符、比较运算符、逻辑运算符
条件语句分为if语句，if-else语句、if的嵌套
多分支语句switch根据表达式的值，进入不同的分支执行