Web 前端开发案例与实战单元7 JavaScript基础.pdfVIP

单元7JavaScript基础

知识入门

循序渐进

7.1JavaScript语言引入

7.2基础语法

7.3运算符

7.4流程控制结构

7.5函数

知识拓展

知识入门

1.什么是脚本语言

2.什么是JavaScript语言

3.JavaScript语言的发展历史

4.JavaScript版本

5.JavaScript的组成

6.JavaScript语言的特点

7.JavaScript可以完成的任务

循序渐进

7.1JavaScript语言引入

7.2基础语法

7.3运算符

7.4流程控制结构

7.5函数

7.1JavaScript语言引入

7.1.1JavaScript文件创建和引入

7.1.2JavaScript语言的显示方式

7.1.1JavaScript文件创建和引入

1.内部引用

（1）head标签中引用

head

script

JavaScript代码

/script

/head

（2）body标签中引用

body

…其它html元素…

script

JavaScript代码

/script

/body

（3）两者皆有

head

script

JavaScript代码

/script

/head

body

…其它html元素…

script

JavaScript代码

/script

/body

2.外部引用

在head元素内使用script标签将.js文件引入到

HTML文档中

scriptsrc=xxx.js/script

7.1.2JavaScript语言的显示方式

1.window.alert()

window.alert()的作用是将指定的内容通过浏览器弹框的方式

进行显示。

2.document.write()

document.write()的作用是将指定的内容添加到HTML文档显

示页面。

3.console.log()

console.log()的作用是将指定内容写入到浏览器的控制台中。

【任7-1】输出“欢迎进入

JavaScript世界”

【任务描述】

（1）使用外部方式嵌入JavaScript代码。

（2）使用弹窗显示指定文本内容。

7.2基础语法

7.2.1标识符

7.2.2关键字

7.2.3常量

7.2.4变量

7.2.5注释

7.2.6表达式和语句

7.2.1标识符

标识符是用于定义JavaScript中数据的符号

标识符的