《Web前端开发技术（》课件T_第四章.pptxVIP

第四章

JavaScript基础知识;JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，同时也是一种广泛应用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。JavaScript是客户端脚本语言，不同于服务端脚本语言的是，JavaScript是在用户的浏览器上运行的，不需要服务器支持就可以独立运行，所以在早期，程序员比较青睐于JavaScript，可以减少对服务器的负担。

;4.1.1JavaScript的特点

由于JavaScript是运行在客户端的，因此其安全性是程序员最担忧的问题，尽管如此，JavaScript仍然以其跨平台、容易上手等优势大行其道。

JavaScript是世界上最流行的编程语言，其优点如下：

1）JavaScript是属于Web语言，它适用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备

2）JavaScript是一种轻量级的编程语言；

3）JavaScript是可插入HTML页面的编程代码

4）JavaScript插入HTML页面后，可由所有的现代浏览器执行；

5）JavaScript容易学习，几乎每个人都能将小的JavaScript片段添加到网页中；

6）客户端脚本在客户端执行，减轻了服务器的负担

;JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需要经过编译，而是将文本格式的字符代码发送给浏览器，由浏览器解释执行。这样的语言称为解释语言。解释语言也有着它们的弱点，其表现如下：

1）安全性较差；

2）如果一条JavaScript语句运行不了，那么其后续的语句也无法执行；

3）每次重新加载都会重新解释，速度较慢。

;一个完整的JavaScript实现由以下3个不同部分组成：核心（ECMAScript）、文档对象模型（DocumentObjectMode，DOM）、浏览器对象（BrowserObjectModal，BOM）。

JavaScript是一种程序语言，有着自己的变量、数据类型、语句、函数和对象，JavaScript程序是由若干语句组成的，语句是编写程序的指令。

;JavaScript提供完整的基本编程语句，它们是渎职语句、Switch选择语句、while循环语句、for循环语句、foreach循环语句、do-while循环语句、break循环种植语句、continue循环终端语句、with语句、try-catch语句、if语句（if-else、if-else-if）。

JavaScript虽然是弱类型的程序设计语句，但其内置的对象能够处理???同类型的数据，其常见的数据类型有对象、数组、数、布尔值、空值；而JavaScript可使用的数据处理有字符串处理、日期处理、数组处理、逻辑处理、算术处理等。

程序设计语言中通常都有运算符的使用，JavaScript中的运算符与其他程序设计语言一样，有算术运算符、比较运算符、字符串连接符、逻辑运算符和三目运算符。

;JavaScript可以以语句的形式直接嵌入HTML内容，也可以在HTML中引用外部的JavaScript文件。

HTML中的脚本必须位于script与/script标签之间。

脚本可被放置在HTML页面的body和head部分中。

使用script标签。如下所示：

script

alert(我的第一个JavaScript);

/script

;【例4.1】body中的JavaScript

body

p

JavaScript能够直接写入HTML输出流中：

/p

script

document.write(h1这是一个标题/h1);

document.write(p这是一个段落。/p);

/script

p

您只能在HTML输出流中使用strongdocument.write/strong。

如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。

/p

/body

;【程序运行效果】在本例中，JavaScript会在页面加载时向HTML的body写文本：

;【例4.2】head中的JavaScript函数

script

functionmyFunction(){

document.getElementById(demo).innerHTML=我的第一个JavaScript函数;

}

/script

/head

body

h1我的Web页面/h1

pid=demo一个段落。/p

buttontype=buttononclick=myFunction()点击这里/button

/body

或者在body中添加JavaScript函数

body

h1我的Web页面/h1

pid=demo一个段落。/p

button