html,js,xml,wsdl,soap知识讲解学习.ppt

1、基础知识讲解学习,2014.08.12,本次讲解内容,第一节：HTML,第二节：JavaScript,第三节：XML,第四节：WSDL,第五节：SOAP,第一节：HTML,1.什么是 HTML？,HTML 是一种用来描述网页的语言。 它是一种超文本标记语言，有一套标记标签，就是用这些标记标 签来描述网页的。,2.HTML 标签,HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如 和 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 标签对大小写不敏感,第一节：HTML,3.HTML 文档 = 网页, Title of

2、the document My First Heading My first paragraph. ,web浏览器会使用标签来解释页面的内容，以网页形式显示,第一节：HTML,4.基本的 HTML 标签,HTML 标题： - HTML 段落：This is a paragraph. HTML 链接：link HTML 图像： HTML 水平线： HTML 注释：,5.HTML 元素及属性,HTML 元素指的是从开始标签到结束标签的所有代码。 This is my first paragraph. 有三个html元素,bgcolor为元素的属性,第一节：HTML,6.HTML样式,外部样式： 内

3、部样式： XXX 内联样式：This is a paragraph, 表头 列 ,7.HTML 表格,第一节：HTML,8.HTML 列表,无序列表：xxx 有序列表：xxx 定义列表： 自定义列表项 自定义列表项定义 , 元素： 元素是块级元素，它是可用于组合其他 HTML 元素的容器，常用来进行页面布局。 元素： 元素是内联元素，可用作文本的容器。 都可以通过css设置其样式属性。,9.HTML 和 ,第一节：HTML,10.HTML 表单和输入,HTML 表单用于搜集不同类型的用户输入信息。 Username: 输入标签（）输入类型是由类型属性（type）定义的,有 文本域(text)、

4、单选框(radio)、复选框(checkbox)等等。 定义一个多行的输入控件， 定义一个选择列表。,第一节：HTML,11.HTML 框架,通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 -框架结构标签 -框架标签 ,12.HTML 内联框架,iframe 用于在网页内显示网页。 语法： Iframe - 设置高度和宽度：height 、 width 。 Iframe - 删除边框：添加属性frameborder=0。,第二节：JavaScript,1.什么是 JavaScript ？,JavaScript 是世界上最流行的编程语言。 它也是一种可以插入HTML页面的脚本语言。

5、JavaScript 对大小写敏感,2.JavaScript 使用, alert(My First JavaScript); 如需使用外部js文件: 提示：外部脚本不能包含 标签。,第二节：JavaScript,3. JavaScript 输出,JavaScript 通常用于操作 HTML 元素。 操作 HTML 元素：document.getElementById(id) （id标识元素） 向文档输出写内容：document.write() alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便,4.JavaScript 注释,JavaScript 注释可用于提高

6、代码的可读性。 单行注释以 / 开头。 多行注释以 /* 开始，以 */ 结尾。,第二节：JavaScript,5. JavaScript 变量,变量是存储信息的容器。 var carname=Volvo; /声明变量 var name=Gates, age=56, job=CEO; /声明多个变量 变量必须以字母开头 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做） 变量名称对大小写敏感（y 和 Y 是不同的变量）,6.JavaScript 对象,JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。 在 JavaScript 中，对象是拥有属性和方法的数据。,

7、第二节：JavaScript,7. JavaScript 函数,函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 JavaScript 函数语法： function functionname(var1,var2) 这里是要执行的代码 /return value; ,8.JavaScript 运算符,运算符 = 用于赋值。 运算符 + 用于加值。 JavaScript 算术运算符：+，- ，*，/，%，+，- JavaScript 赋值运算符：=，+=，-=，*=，/=，%=,第二节：JavaScript,9. JavaScript 比较和逻辑运算符,比较和逻辑运算符用于测试 tru

8、e 或 false。 比较运算符在逻辑语句中使用，以测定变量或值是否相等。 比较运算符：=，=（值和类型），!=，=，= 逻辑运算符用于测定变量或值之间的逻辑。 逻辑运算符： 通过标签名找到 HTML 元素： document.getElementsByTagName(p); 通过类名找到 HTML 元素： document.getElementsByClassName(class); 改变 HTML 输出流 document.write() 会覆盖该文档,第二节：JavaScript,改变 HTML 内容 document.getElementById(id).innerHTML=new v

9、alue 改变 HTML 属性 document.getElementById(id).attribute=new value 改变 HTML 样式 document.getElementById(id).perty=new style JavaScript HTML DOM 事件 onclick事件：鼠标点击时调用 例点击这里 onload 和 onunload 事件： onload 和 onunload 事件会在用户进入或离开页面时被触发。 例 onchange 事件：当用户改变输入字段的内容时调用 例,第二节：JavaScript,添加和删除节点（HTML 元素） 创建

10、新的元素：var para=document.createElement(); 创建文本节点：var node=document.createTextNode(); 追加节点: para.appendChild(node); 删除节点：para.removeChild(node);,16. JavaScript RegExp 对象,RegExp 对象用于规定在文本中检索的内容。 RegExp 对象有 3 个方法： test()方法检索字符串中的指定值。返回值是 true 或 false。 exec()方法检索字符串中的指定值，返回值是被找到的值或null。 compile()方法用于改变 Re

11、gExp。,第三节：XML,1.XML 简介,XML 被设计用来传输和存储数据。 HTML 被设计用来显示数据。 什么是 XML? XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 HTML XML 的设计宗旨是传输数据，而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准,第三节：XML,XML 与 HTML 的主要差异： XML 不是 HTML 的替代。 XML 和 HTML 为不同的目的而设计： XML 被设计为传输和存储数据，其焦点是数据的内容。 H

12、TML 被设计用来显示数据，其焦点是数据的外观。 HTML 旨在显示信息，而 XML 旨在传输信息。,2.XML 的用途,XML 应用于 web 开发的许多方面，常用于简化数据的存储和共享。 XML 把数据从 HTML 分离 XML 简化数据共享 XML 简化数据传输 XML 简化平台的变更 XML 使您的数据更有用,第三节：XML,3.XML 树结构,一个 XML 文档实例 George John Reminder Dont forget the meeting! 有一个根原始note，4 个子元素（to, from, heading 以及 body）,第三节：XML,4.XML 语法规则,

13、所有 XML 元素都须有关闭标签 XML 标签对大小写敏感 XML 必须正确地嵌套 XML 文档必须有根元素 XML 的属性值须加引号 XML 中的注释 在 XML 中，空格会被保留,第三节：XML,5.XML 元素,XML 文档包含 XML 元素。 什么是 XML 元素？ XML 元素指的是从（且包括）开始标签直到（且包括）结束标签的部分。 元素也可以拥有属性。 XML 命名规则： 名称可以含字母、数字以及其他的字符 名称不能以数字或者标点符号开始 名称不能以字符 “xml”（或者 XML、Xml）开始 名称不能包含空格,第三节：XML,6.XML 验证,拥有正确语法的 XML 被称为“形式

14、良好”的 XML。 通过 DTD 验证的 XML 是“合法”的 XML。 验证 XML 文档： George John Reminder Dont forget the meeting! DOCTYPE 声明是对外部 DTD 文件的引用。,第三节：XML,welcome to use these PowerPoint templates, New Content design, 10 years experience, -四个元素 ,第三节：XML,7.XMLHttpRequest 对象,XMLHttpRequest 对象用于在后台与服务器交换数据。 XMLHttpRequest 对象是开发者

15、的梦想，因为您能够： 在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据 所有现代的浏览器都支持 XMLHttpRequest 对象。 创建 XMLHttpRequest 对象 所有现代浏览器 (IE7+、Firefox、Chrome、Safari 以及 Opera) 都内建了 XMLHttpRequest 对象。 创建 XMLHttpRequest 对象的语法： xmlhttp=new XMLHttpRequest();,第三节：XML,老版本的 Internet Explorer （IE5 和 IE6）使用 Active

16、X 对象： xmlhttp=new ActiveXObject(Microsoft.XMLHTTP);,8.XML 解析器,所有现代浏览器都内建了供读取和操作 XML 的 XML 解析器。 解析器把 XML 转换为 XML DOM 对象 - 可通过 JavaScript 操作的对象。 解析 XML 文档 if (window.XMLHttpRequest) / code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); else / code for IE6, IE5 xmlhttp=new Activ

17、eXObject(Microsoft.XMLHTTP); xmlhttp.open(GET,books.xml,false); xmlhttp.send(); xmlDoc=xmlhttp.responseXML;,第三节：XML,其他方法 1：通过微软的 XML 解析器来加载 XML var xmlDoc=new ActiveXObject(Microsoft.XMLDOM); xmlDoc.async=false;/关闭异步加载 xmlDoc.load(note.xml);/加载名为 note.xml 的 XML 文档 其他方法 2：在 Firefox 及其他浏览器中的 XML 解析器 v

18、ar xmlDoc=document.implementation.createDocument(,null); xmlDoc.async=false; xmlDoc.load(note.xml);,第三节：XML,解析 XML 字符串 txt=; txt=txt+Everyday Italian; txt=txt+Giada De Laurentiis; txt=txt+2005; txt=txt+; if (window.DOMParser) parser=new DOMParser();/浏览器解析对象 xmlDoc=parser.parseFromString(txt,text/xml

19、);/加载字符串（文本） else / Internet Explorer xmlDoc=new ActiveXObject(Microsoft.XMLDOM); xmlDoc.async=false; xmlDoc.loadXML(txt);/加载字符串（文本） ,第三节：XML,9.XML DOM,DOM （Document Object Model，文档对象模型）定义了访问和操作文档的标准方法。 XML DOM XML DOM (XML Document Object Model) 定义了访问和操作 XML 文档的标准方法。 在下面的例子中，我们使用 DOM 引用从 元素中获取文本： x

20、mlDoc.getElementsByTagName(to)0.childNodes0.nodeValue xmlDoc -由解析器创建的 XML 文档 getElementsByTagName(to)0 - 第一个 元素 childNodes0 - 元素的第一个子元素（文本节点） nodeValue - 节点的值（文本本身）,第三节：XML,HTML DOM HTML DOM (HTML Document Object Model) 定义了访问和操作 HTML 文档的标准方法。 在下面的例子中，我们使用 DOM 引用来改变 id=to 的 HTML 元素的文本： document.getEl

21、ementById(to).innerHTML= document - HTML 文档 getElementById(to) - 其中的 id=to 的 HTML 元素 innerHTML - HTML 元素的内部文本 document.getElementById(to).innerHTML= xmlDoc.getElementsByTagName(to)0.childNodes0.nodeValue;,第三节：XML,10.XML to HTML,在 HTML 中显示 XML 数据 if (window.XMLHttpRequest) / code for IE7+, Firefox, C

22、hrome, Opera, Safari xmlhttp=new XMLHttpRequest(); else / code for IE6, IE5 xmlhttp=new ActiveXObject(Microsoft.XMLHTTP); xmlhttp.open(GET,cd_catalog.xml,false); xmlhttp.send(); xmlDoc=xmlhttp.responseXML;,第三节：XML,document.write(); var x=xmlDoc.getElementsByTagName(CD); for (i=0;i); document.write(x

23、i.getElementsByTagName(ARTIST)0.childNodes0.nodeValue); document.write(); document.write(xi.getElementsByTagName(TITLE)0.childNodes0.nodeValue); document.write(); document.write(); ,第三节：XML,11.XML 命名空间,XML 命名空间提供避免元素命名冲突的方法。 这个 XML 文档携带着某个表格中的信息： Apples Bananas XML Namespace (xmlns) 属性 XML 命名空间属性被放置

24、于元素的开始标签之中，并使用以下的语法： xmlns:namespace-prefix=namespaceURI 当命名空间被定义在元素的开始标签中时，所有带有相同前缀的子元素都会与同一个命名空间相关联。,第三节：XML,12.XML CDATA,所有 XML 文档中的文本均会被解析器解析。 只有 CDATA 区段（CDATA section）中的文本会被解析器忽略。 CDATA 部分中的所有内容都会被解析器忽略。 CDATA 部分由 结束：,13.XML DOM 高级,获取元素的值：x=xmlDoc.getElementsByTagName(title)0.childNodes0; txt=

25、x.nodeValue; 获取属性的值： txt=xmlDoc.getElementsByTagName(title)0.getAttribute(lang); 改变元素的值：x.nodeValue=Easy Cooking; 改变属性的值：setAttribute(name,value);,第三节：XML,创建元素: createElement() 方法创建新的元素节点。 createTextNode() 方法创建新的文本节点。 appendChild() 方法向节点添加子节点（在最后一个子节点之后）。 删除元素: removeChild() 方法删除指定的节点（或元素）。,获取元素的值：x

26、=xmlDoc.getElementsByTagName(title)0.childNodes0; txt=x.nodeValue; 获取属性的值： txt=xmlDoc.getElementsByTagName(title)0.getAttribute(lang); 改变元素的值：x.nodeValue=Easy Cooking; 改变属性的值：setAttribute(name,value);,第四节：WSDL,1.WSDL简介,WSDL 是基于 XML 的用于描述 Web Services 以及如何访问 Web Services 的语言。,什么是 WSDL? WSDL 指网络服务描述语言

27、 WSDL 使用 XML 编写 WSDL 是一种 XML 文档 WSDL 用于描述网络服务 WSDL 也可用于定位网络服务 WSDL 还不是 W3C 标准,第四节：WSDL,2.WSDL 文档,WSDL 文档仅仅是一个简单的 XML 文档。它包含一系列描述某个 web service 的定义。 WSDL 文档结构： WSDL 文档是利用这些主要的元素来描述某个 web service 的：,第四节：WSDL,一个 WSDL 文档的主要结构是类似这样的： definition of types. definition of a message. definition of a port. def

28、inition of a binding. WSDL 端口 元素是最重要的 WSDL 元素。 它可描述一个 web service、可被执行的操作，以及相关的消息。 WSDL 消息 元素定义一个操作的数据元素。,第四节：WSDL,WSDL types 元素定义 web service 使用的数据类型。 WSDL Bindings 元素为每个端口定义消息格式和协议细节。 WSDL 实例：-消息部件 -数据类型 -消息部件 -数据类型 -端口名称 -操作名称 -输入消息 输出消息 ,第四节：WSDL,3.WSDL 端口,WSDL 端口可描述由某个 web service 提供的界面（合法操作）。

29、WSDL 端口： 操作类型 ： 类型 定义 One-way 此操作可接受消息，但不会返回响应。 Request-response 此操作可接受一个请求并会返回一个响应 Solicit-response 此操作可发送一个请求，并会等待一个响应。 Notification 此操作可发送一条消息，但不会等待响应。,第四节：WSDL,4.WSDL 绑定,WSDL 绑定可为 web service 定义消息格式和协议细节。 ,第四节：WSDL, ,第四节：WSDL,binding 元素有两个属性 - name 属性和 type 属性。 name 属性定义 binding 的名称，而 type 属性指向用

30、于 binding 的端口，在这个例子中是 glossaryTerms 端口。 soap:binding 元素有两个属性 - style 属性和 transport 属性。 style 属性可取值 rpc 或 document。在这个例子中我们使用 document。transport 属性定义了要使用的 SOAP 协议。在这个例子中我们使用 HTTP。 operation 元素定义了每个端口提供的操作符。 对于每个操作，相应的 SOAP 行为都需要被定义。同时您必须如何对输入和输出进行编码。在这个例子中我们使用了 literal。,第五节：SOAP,1.SOAP简介,SOAP 是基于 XML

31、 的简易协议，可使应用程序在 HTTP 之上进行信息交换。或者更简单地说：SOAP 是用于访问网络服务的协议。,什么是 SOAP？ SOAP 指简易对象访问协议 SOAP 是一种通信协议 SOAP 用于应用程序之间的通信 SOAP 是一种用于发送消息的格式 SOAP 被设计用来通过因特网进行通信 SOAP 独立于平台 SOAP 独立于语言 SOAP 基于 XML SOAP 很简单并可扩展 SOAP 允许您绕过防火墙,第五节：SOAP,Why SOAP？ 对于应用程序开发来说，使程序之间进行因特网通信是很重要的。 目前的应用程序通过使用远程过程调用（RPC）在诸如 DCOM 与 CORBA 等对

32、象之间进行通信，但是 HTTP 不是为此设计的。RPC 会产生兼容性以及安全问题；防火墙和代理服务器通常会阻止此类流量。 通过 HTTP 在应用程序间通信是更好的方法，因为 HTTP 得到了所有的因特网浏览器及服务器的支持。SOAP 就是被创造出来完成这个任务的。 SOAP 提供了一种标准的方法，使得运行在不同的操作系统并使用不同的技术和编程语言的应用程序可以互相进行通信。,第五节：SOAP,2.SOAP 语法,SOAP 构建模块 一条 SOAP 消息就是一个普通的 XML 文档，包含下列元素： 必需的 Envelope 元素，可把此 XML 文档标识为一条 SOAP 消息 可选的 Heade

33、r 元素，包含头部信息 必需的 Body 元素，包含所有的调用和响应信息 可选的 Fault 元素，提供有关在处理此消息所发生错误的信息 所有以上的元素均被声明于针对 SOAP 封装的默认命名空间中： /2001/12/soap-envelope 以及针对 SOAP 编码和数据类型的默认命名空间： /2001/12/soap-encoding 语法规则 这里是一些重要的语法规则： SOAP 消息必须用 XML 来编码 SOAP 消息必须使用 SOAP Envelope 命名空间 SOAP 消息必须使用 SOAP Encoding

34、命名空间 SOAP 消息不能包含 DTD 引用 SOAP 消息不能包含 XML 处理指令,第五节：SOAP,SOAP 消息的基本结构 . . . . . . ,第五节：SOAP,3.SOAP Envelope 元素,强制使用的 SOAP 的 Envelope 元素是 SOAP 消息的根元素。,SOAP Envelope 元素： 必需的 SOAP 的 Envelope 元素是 SOAP 消息的根元素。它可把 XML 文档定义为 SOAP 消息。,xmlns:soap 命名空间： SOAP 消息必须拥有与命名空间 /2001/12/soap-envelope 相关联

35、的一个 Envelope 元素。,encodingStyle 属性： 语法：soap:encodingStyle=URI SOAP 的 encodingStyle 属性用于定义在文档中使用的数据类型。,第五节：SOAP,4.SOAP Header 元素,可选的 SOAP Header 元素包含头部信息。,包含有关 SOAP 消息的应用程序专用信息（比如认证、支付等）。如果 Header 元素被提供，则它必须是 Envelope 元素的第一个子元素。,SOAP 在默认的命名空间中 (/2001/12/soap-envelope) 定义了三个属性。这三个属性是：actor、 mustUnderstand 以及 encodingStyle。这些被定义在 SOAP 头部的属性可定义容器如何对 SOAP 消息进行处理。,actor 属性：用于将 Header 元素寻址到一个特定的端点。 语法：soap:actor=URI . 123 .,第五节：SOAP,mustUnderstand 属性：用于标识标题项对于要对其进行处理的接收者来说是强制的还是可选的。 语法：soap:mustUnderstand=0|1 假如您向 Heade