第11章JavaScript基础解释.ppt

* * * * * 信息科学与技术学院 主讲：马 歌 zzsfxymg@163.com 1.理解JavaScript语言的作用和执行方式 2.掌握在网页中使用客户端脚本的方法 3.掌握JavaScript程序的一般调试技术 什么是JavaScript？ 11.1 JavaScript语言概述 JavaScript是由Netscape公司开发的一种在浏览器中运行的解释性脚本语言(代码执行不进行预编译)。 JavaScript由Brendan Eich发明。它于1995 年出现在Netscape浏览器中，并于1997 年被ECMA采纳。 在HTML基础上，JavaScript可以开发交互式Web网页。 JavaScript的特点： 它是一种轻量级的编程语言。 它是可插入HTML页面的编程代码。 JavaScript 插入 HTML页面后，可由所有的现代浏览器执行。 11.1.1 JavaScript简介 JavaScript可以做什么？ 写入HTML输出（如例11-1-1.html） 对事件作出反应（如例11-1-2.html） 改变HTML内容（如例11-1-3.html） 改变 HTML 图像（如例11-1-4.html） 改变 HTML 样式（如例11-1-5.html） 验证输入（如例11-1-6.html） 11.1.1 JavaScript简介 应用服务器 IE IE 解析HTML标签和JavaScript脚本 从服务器端下载含JavaScript的页面 返回响应 客户端请求包含JS的页面 发送请求 1 浏览器输入 2 3 11.1.2 JavaScript脚本运行原理 script type=text/javascript … /script script脚本标记，界定程序开始的位置和结束的位置。 浏览器会解释并执行位于 script 和 /script 之间的 JavaScript。 脚本可被放置在 HTML 页面的body和 head部分中。 11.1.3 第一个JavaScript程序 !—程序11-1-7-- html title这是我的第一个JavaScript程序/title body script type=text/javascript document.write(欢迎进入JavaScript学习之旅!); /script /body /html 11.1.3 第一个JavaScript程序 当页面载入时，会执行位于body部分的脚本，执行后的输出就成为页面的内容 JavaScript脚本的位置 位于body部分（如程序11-1） 位于head部分 直接位于事件处理部分的代码中 位于外部文件 11.1.4 JavaScript使用 提示：JavaScript程序本身不能独立存在，它是依附于某个HTML页面，在浏览器端运行的。 !—程序11-1-8-- html title这是我的第一个JavaScript程序/title head script type=text/javascript function show(){ alert(欢迎进入JavaScript学习之旅!); } /script /head body onload=show() /body /html 11.1.4 JavaScript使用 位于head部分 为了避免页面载入时直接执行脚本可将脚本编写为函数形式放在head中 当函数被调用时 javascript代码才会被执行 !—程序11-1-9-- html title这是我的第一个JavaScript程序/title body onload = alert(欢迎进入JavaScript学习之旅!); /body /html 11.1.4 JavaScript使用 直接位于事件处理部分的代码中 11.1.4 JavaScript使用 位于外部文件 外部文件通常包含被多个网页使用的代码。 外部 JavaScript文件的文件扩展名是 .js。 如需使用外部文件，在 script 标签的 “src” 属性中设置该 .js 文件。 在 head 或 body 中引用脚本文件都是可以的。实际运行效果与您在 script 标签中编写脚本完全一致。 !—程序11-1-10-- html head script src=xxx.js/script /head body onload=show() /body /html 11.1.4 JavaScript使用 引用外部 js 文件 function show(){ alert(欢迎进