互联网程序设计第五讲JavaScript基础.pptxVIP

互联网程序设计——JavaScript 1 什么是JavaScript JavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序 可用于创建客户端脚本和服务器端脚本由Sun Microsystems 和 Netscape 开发，是从 Netscapes 的 Livescript 发展而来的 JavaScript的组成JavaScript 的核心 ECMAScript 描述了该语言的语法和基本对象；DOM 描述了处理网页内容的方法和接口DOM（文档对象模型）是 HTML 和 XML 的应用程序接口DOM 将把整个页面规划成由节点层级构成的文档。DOM 视图 - 描述跟踪文档的各种视图（即 CSS 样式化之前和 CSS 样式化之后的文档）DOM 事件 - 描述事件的接口DOM 样式 - 描述处理基于 CSS 样式的接口DOM 遍历和范围 - 描述遍历和操作文档树的接口BOM （浏览器对象模型） 描述了与浏览器进行交互的方法和接口。由于没有相关的 BOM 标准，每种浏览器都有自己的 BOM 实现但实际上浏览器具有一定的通用性3 JavaScript的作用和基本语法规则 使用 JavaScript 的各种功能，可以增强站点的动态性和交互性。提供用户交互动态更改内容验证数据与其他任何语言一样，JavaScript 也遵循一些基本的语法规则，如：区分大小写使用成对的符号使用空格使用注释：单行注释 // ，多行注释 /* 与 */ JavaScript 输出JavaScript 不提供任何内建的打印或显示函数。使用 window.alert() 写入警告框使用 document.write() 写入 HTML 输出在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML仅适用于测试使用 innerHTML 写入 HTML 元素输出位置便于控制使用 console.log() 写入浏览器控制台仅适用于本地调试5 使用alert/confirm/write方法使用窗口的alert方法，可以生成一个对话框使用窗口的confirm方法，可以生成一个确认对话框使用document的write方法可以创建页面内容HTMLHEAD SCRIPT LANGUAGE=JavaScript !-- alert(确定); document.write(谢谢!); if(confirm(是否要关闭当前窗口？)) {window.close();} -- /SCRIPT/HEAD/HTML JavaScript作为客户端程序嵌入网页使用Script标记使用外部文件分离了 HTML 和代码使 HTML 和 JavaScript 更易于阅读和维护已缓存的 JavaScript 文件可加速页面加载在事件处理程序中使用JavaScript建议把js放在HTML文件的最后部分浏览器解析js需要花时间，影响元素呈现的时间 使用Script标记示例HTML HEAD script language = JavaScript !--对较早的浏览器隐藏脚本 alert(欢迎使用JavaScript); //脚本隐藏在此处结束 -- /script /head body P开始学习javascript了!!!/P /body/HTML 使用外部文件示例HTML HEAD script src = test.js /script /head body P开始学习javascript了!!! /body/htmldocument.alert(嗨！你好吗？)test.js 在事件处理程序中使用JavaScript示例HTML HEAD TITLEJavaScript示例/TITLE /HEAD BODY FORM INPUT TYPE=button VALUE=你好 onClick=alert(你好！！); /FORM /BODY/HTML 调试浏览器中通过 F12 键启用调试，并在调试器菜单中选择“控制台”使用 console.log() 在调试窗口中显示 JavaScript 的值debugger 关键词会停止 JavaScript 的执行，与在调试器中设置断点的功能是一样的11 变量定义一个变量，系统会为之分配一块内存，程序可以用变量名来表示这块内存中的数据。变量的命令约定变量名必须以字母或下划线 (_) 开头变量名可以包含数字由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符 声明变量声明变量用 var