《JavaScript简介》PPT课件.ppt

JavaScript 简介,第九章,Version 1.0,2,回顾 2-1,“动态 HTML”是 HTML、样式表和脚本的组合，用于为网页增添交互性 样式表是用于向网页添加样式（如字体、颜色、空格）的一种简单机制 “行内样式”是分配给特定元素的样式 级联样式表定义可以应用于页面或页面元素的样式 简单选择器仅描述元素，而不考虑该元素在文档结构中的位置,类选择器使用 HTML 元素的 CLASS 属性 ID 选择器使用 HTML 元素的 ID 属性 上下文选择器引用元素的内容 STYLE 元素被插入文档的 元素中，同时所有规则置于开始标记和结束标记之间 STYLE 属性用于对单个元素应用样式表,3,回顾 2-2,理解什么是 JavaScript 在 HTML 中集成 JavaScript 理解客户端脚本和服务器端脚本,4,目标,JavaScript 简介 3-1,5,一万元整,John James,10,000/-,John James,A/c No. 010077,瑞士银行,John 想在银行存钱,验证 John 帐户详细信息,余额,A/c. No.,Signature,帐户验证完毕,JavaScript 简介 3-2,同样，,6,John James,John 想创建一个电子邮件帐户,J * 24 US,帐户 Id： 密码： 年龄： 国家：,*,这样，JavaScript 将验证数据并给出错误信息（如有）。,脚本语言 基于对象的语言 事件驱动,7,JavaScript 简介 3-3,JavaScript 的功能,提供用户交互 动态更改内容 数据验证,8,JavaScript 符合 ECMA-262（欧洲计算机制造商协会）标准，使得各浏览器都支持ECMAScript标准，减少了程序员在编程中的麻烦。,使用 SCRIPT 标记,9, document.write(“欢迎进入 JavaScript 世界 “); 尽享学习之乐！ ,理论上，可以将 JavaScript 语句放置在文档中的任何位置。然而，将核心脚本语句放置在标题部分是一个良好的编程习惯，因为这确保了所有代码在从 BODY 部分调用之前被阅读和被解码,使用外部 JS 文件,10,HTML 文件：(test.htm), 使用外部文件 以上文本是通过访问一个外部 JavaScript 文件显示的 ,JavaScript 源文件：(test.js),document.write(“您好！“);,write、alert、confirm 和 prompt 方法,11, 使用对话框 prompt(“请指定您的报价“,“$“) confirm(“确定吗?“); alert(“确定“); document.write(“谢谢!“); , 使用对话框 prompt(“请指定您的报价“,“$“) confirm(“确定吗?“); alert(“确定“); document.write(“谢谢!“); , 使用对话框 prompt(“请指定您的报价“,“$“) confirm(“确定吗?“); alert(“确定“); document.write(“谢谢!“); , 使用对话框 prompt(“请指定您的报价“,“$“) confirm(“确定吗？“); alert(“确定“); document.write(“谢谢！“); ,警告、确认和提示对话框的标题栏是不能修改的,客户端和服务器端脚本,12,,雅虎服务器,总结,13,JavaScript 是一种基于对象的脚本语言，可用于创建客户端脚本和服务器端脚本 JavaScript 旨在使 Web 开发人员能对网页的功能进行管理和控制 JavaScript 可用于提供用户交互、动态修改内容、验证数据等 可以通过不同的方法将 JavaScript