《Web前端开发技术（》课件T_第四章.pptx
第四章
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