004Html5认识行为层解读.ppt

* JavaSctipt for Web前端 传习IT培训 第五章 第1课-认识行为Behavior 课程概要 Javascript是什么 Javascript不是Java Javascript的起源 Javascript可以做什么 Javascript不能做什么 Ajax是什么 组合式语言 处理事件 值和变量 编写对javascript友好的HTML 1-Javascript是什么 JavaScript 是一种可以用来给网页增加交互性的编程语言。 JavaScript 被称为“脚本语言”（scripting language），这暗示着它更适合编写脚本而不是程序。这实际上并没有根本性的差异。 JavaScript 脚本也是一种程序，它们包含在HTML 页面内部（原先编写脚本的方式），或者驻留在外部文件中（现在的首选方法）。 使用script/script标签把脚本和HTML结合使用。 2-Javascript不是Java 尽管名字中有Java，但是JavaScript 和Java 之间没有太大的关系。 Javascript是一种弱语法类型的脚本语言 Java是一种语法严格的高级编程语言 Javascript的前身是livescript，为了发布后更多人的关注，取名为Javascript，一种商业手段。 3-Javascript的起源 1995年美国硅谷一家名为【网景-Netscape Navigator】公司为了解决服务器端验证而开发的一门语言。 当微软公司看到JavaScript 在Web 开发人员中流行起来时，它意识到必须在IE 中添加一些脚本功能。它原本可以采用JavaScript，但是与通常情况一样，微软公司又自行其事，建立了自己的脚本语言，这种语言非常像JavaScript，但又不完全相同。JavaScript 的微软版本称为JScript。 ECMA（欧洲计算机制造协会）为了规范语言，约束两家公司产生了一种新的语言ECMAScript 4-Javascript可以做什么 Javascript可以用来做什么? 站在web角度的基础上讲 Javascript可以控制HTML-DOM实现增删改查DOM节点。 Javascript可以控制CSS实现动态的表现效果。 从语言的特性上讲 Javascript也具有高级语言的一些特征，可以进行前端中的后端开发。 5-Javascript不能做什么 JavaScript 是一种客户端语言。 也就是说，设计它的目的是在用户的机器上而不是服务器上执行任务。因此，JavaScript 有一些固有的限制，这些限制主要出于如下安全原因 JavaScript 不允许写服务器机器上的文件。 JavaScript 不能关闭不是由它自己打开的窗口。这是为了避免一个站点关闭其他任何站点的窗口，从而独占浏览器。 JavaScript 不能从来自另一个服务器的已经打开的网页中读取信息。换句话说，网页不能读取已经打开的其他窗口中的信息，因此无法探察访问这个站点的冲浪者还在访问其他哪些站点。 6-Ajax是什么 Ajax 是一种创建交互式Web 应用程序的方式； Ajax 是Asynchronous JavaScript and XML（异步JavaScript 和XML）的缩写，这个词是由Web开发人员Jesse James Garrett 在2005 年年初首创的。 在大多数情况下，Ajax 一般是指以下这些技术的组合： HTML； CSS（Cascading Style Sheet，层叠样式表）； 使用JavaScript访问的DOM（Document Object Model，文档对象模型）； XML或JSON，这是在服务器和客户端之间传输的数据格式； XMLHttpRequest，用来从服务器获取数据。 7-组合式语言 JavaScript 是一种面向对象（object-oriented）的语言 对象（object）就是某种东西。在现实中，一只猫、一台计算机和一辆自行车都是对象。对于JavaScript，它处理的对象都在Web 浏览器中，比如窗口、表单，以及如按钮和复选框的表单元素。 对象具有属性（property）。猫有毛皮，计算机有键盘，自行车有轮子。在JavaScript 环境中，文档有标题，表单可以有复选框。 对象可以做的事情称为方法（method）。猫会叫，计算机会崩溃，自行车可以前进。JavaScript对象也有方法：按钮的click()，窗口的open()，文本的selected()。圆括号表示它们是方法，而不是属性。 将对象、属性和方法组合在一起 可以将对象、属性和方法组合在一起，从而更好地描述对象或过程。在JavaScript 中，这些成分由点号分隔（就像因特网地址中的那样）。这