物联网工程综合实践web20开发技术.pptVIP

内容目录 Javascript技术 Ajax技术 Web Services技术 RIA技术 Mashup Google Web ToolKit HTML5 Google API开发技术 HTML5 ML 5引入了大量的新的Javascript API。可以利用这些内容与对应的HTML元素相关联，它们包括： 二维绘图API，可以用在一个新的画布（Canvas）元素上以便呈现图像、游戏图形或者其他运行中的可视图形。 一个允许web应用程序将自身注册为某个协议或MIME类型的API。 一个引入新的缓存机制以支持脱机web应用程序的API。 一个能够播放视频和音频的API，可以使用新的video和audio元素。 一个历史纪录API，它可以公开正在浏览的历史纪录，允许页面在加上它之后更好的在AJAX应用程序中实现对后退按钮的支持。 跨文档的消息传递，它提供了一种方式，使得文档可以互相通信而不用考虑它们的源域，在某种程度上，这样的设计是为了防止跨站点的脚本攻击。 一个支持拖放操作的API，用它可以与draggable特性相关联。 一个支持编辑操作的API，用它可以与一个新的全局contenteditable特性相关联。 一个新的网络API，它支持web应用程序在本地网络上互相通信，并在它们的源服务器上维持双向的通信。 使用JavaScript API的键/值对实现客户端的持久化存储，同时支持嵌入的SQL数据库。 服务器发送的事件，通过它可以与新的事件源（event-source）元素关联，新的事件源元素有利于与远程数据源的持久性连接，而且极大地消除了在Web应用程序中对轮询的需求。 QA 本讲结束 ！ * 物联网工程综合实践第五讲：Web2.0开发技术 -1 《物联网工程综合实践》课程建设小组 北京大学 二零一一年 内容目录 Javascript技术 Ajax技术 Web Services技术 RIA技术 Mashup HTML5 Javascript技术 JavaScript介绍 JavaScript是一种脚本语言，常被用于客户端Web开发，给HTML网页添加动态功能，比如响应用户的各种操作。 JavaScript是一种动态、弱类型、基于原型的语言，内置支持类别； JavaScript介绍 JavaScript实现包含三个部分 ECMAScript； 文档对象模型； 浏览器对象模型。 如何把 JavaScript 放入 HTML 把一段 JavaScript 插入 HTML 页面，使用 script 标签（同时使用 type 属性来定义脚本语言） script type=“text/javascript” 和 /script 表明 JavaScript 从何处开始，到何处结束。 document.write?字段是标准的 JavaScript 命令，用来向页面写入输出。把 document.write 命令输入到 script type=text/javascript与/script之间后，浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 Hello World!。 JavaScript消息框 ?JavaScript 中有三种消息框： 警告框; alert(文本) 确认框; confirm(文本) 提示框 prompt(文本,默认值) JavaScript 函数 创建函数的语法： function 函数名(var1,var2,...,varX) { 代码．．． } var1, var2 等指的是传入函数的变量或值; { 和 } 定义了函数的开始和结束。 JavaScript 变量的生存期 本地变量: 在函数内声明d的变量，只能在该函数中访问该变量。当退出该函数后，这个变量会被撤销。 函数之外声明的变量: 函数之外声明的变量，页面上的所有函数都可以访问该变量。生存期从声明它们之后开始，在页面关闭时结束。 内容目录 Javascript技术 Ajax技术 Web Services技术 RIA技术 Mashup HTML5 Ajax Ajax是一组技术的集合，包括JavaScript、XML以及浏览器和服务器间的通信通道； 内容表示使用 XHTML和CSS技术； 动态内容显示和内容交互使用DOM； 数据交互使用XML和XSLT； 异步数据查询使用XMLHttpRequest； 使用JavaScript将以上绑定在一起 Ajax核心技术 传统Web 应用程序都使用请求/响应模型从服务器上获得完整的HTML 页面。常常是点击一个Submit按钮，等待服务器响应，再点击另一个按钮，然后再等待，这样一个